*,
html {
    font-size: 100%;
    #-webkit-filter: grayscale(100%);
}

button,
hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

*,
button {
    background: 0 0;
    border: 0
}

button:disabled,
html {
    cursor: default
}

*,
:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    outline: 0
}

*,
button,
fieldset,
hr,
iframe,
img {
    border: 0
}

a,
a:active,
a:link,
a:visited,
ins {
    text-decoration: none
}

a:hover,
abbr[title] {
    text-decoration: underline
}

dialog,
ins,
mark {
    color: #000
}

*,
progress,
sub,
sup {
    vertical-align: baseline
}

button,
legend {
    color: inherit
}

img,
legend {
    max-width: 100%
}

*,
hr,
legend {
    padding: 0
}

* {
    margin: 0
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat
}

::after,
::before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    word-break: break-word
}

body {
    overflow-x: hidden;
    font: normal normal normal 14px/1.8 system-ui, "-apple-system", Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

address,
caption,
code,
figcaption,
pre,
th {
    font-weight: 400;
    font-style: normal;
    font-size: 1em
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

ins {
    background-color: #ff9
}

caption,
th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

audio,
canvas,
iframe,
img,
svg,
video {
    display: inline-block;
    vertical-align: middle
}

dialog,
hr,
img {
    display: block
}

hr {
    margin: 1em 0;
    height: 0;
    border-top: 1px solid #ccc
}

dialog {
    background-color: #fff;
    border: solid;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

[hidden],
dialog:not([open]),
template {
    display: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: 100%;
    font-family: inherit
}

textarea {
    overflow: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

summary {
    display: list-item
}

audio,
canvas,
progress,
video {
    display: inline-block
}

input,
select {
    vertical-align: middle
}

button {
    vertical-align: inherit;
    font: inherit;
    line-height: inherit;
    cursor: pointer
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

fieldset {
    padding: .35em .75em .625em
}

audio:not([controls]) {
    display: none;
    height: 0
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

a,
a:link,
a:visited {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Oxygen Mono", "Liberation Mono", monospace;
    font-size: 1em
}

mark {
    background-color: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

ul {
    list-style: none
}

img {
    height: auto;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    white-space: normal
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: "\f115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *,
.video-js :after,
.video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    -ms-touch-action: none;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.333333333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel:hover .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    -o-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: 9em;
    -webkit-transition: width .1s;
    -o-transition: width .1s;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: 0s linear .3s forwards vjs-spinner-show;
    animation: 0s linear .3s forwards vjs-spinner-show
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: block
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel {
    display: none
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel {
    display: none
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports ((display: -ms-grid) or (display: grid)) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr auto;
        grid-template-rows: 1fr auto
    }
    .vjs-text-track-settings .vjs-track-settings-colors {
        display: block;
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1
    }
    .vjs-text-track-settings .vjs-track-settings-font {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2
    }
}

.vjs-track-setting>select {
    margin-right: 5px
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
    background-image: -webkit-linear-gradient(bottom, #fff 88%, #73859f 100%);
    background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
    background-image: -webkit-linear-gradient(top, #fff 88%, #73859f 100%);
    background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
    outline: 0
}

.video-js :focus:not(:focus-visible) {
    outline: 0
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body.lb-disable-scrolling {
    overflow: hidden
}

.lightboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #141414;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.95;
    display: none
}

.lightbox {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
    outline: none
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid white
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: white
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(https://wwp-static.wenweipo.com/img/common/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lb-prev,
.lb-next {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(https://wwp-static.wenweipo.com/img/common/prev.png) left 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.lb-nav a.lb-prev:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(https://wwp-static.wenweipo.com/img/common/next.png) right 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.lb-nav a.lb-next:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    margin-top: 4px;
    display: inline-block
}

.lb-data .lb-caption a {
    color: #4ae
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(https://wwp-static.wenweipo.com/img/common/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

body {
    background-color: #f5f5f5;
    overflow-x: hidden;
    font-family: 'Roboto', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft YaHei', arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    font-style: normal;
    color: #333
}

a,
a:link {
    color: #333
}

a:hover,
a:link:hover {
    text-decoration: none
}

.inner {
    padding: 0 40px;
    width: 100%;
    max-width: 1280px;
    position: relative;
    z-index: 5;
    margin: 0 auto
}

h1.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.global-header {
    width: 100%;
    height: 50px;
    position: relative;
    left: 0;
    z-index: 100
}

.global-header .global-header-container {
    width: 100%;
    height: 50px;
    background-color: #40434a;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.global-header.fixed .global-header-container {
    position: fixed
}

.global-header.fixed .global-nav-search-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #40434a;
    height: 50px
}

.header-wrapper .global-navigation {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width: 900px) {
    .header-wrapper .global-navigation {
        overflow: hidden;
        overflow-x: auto;
        position: relative
    }
    .header-wrapper .global-navigation::-webkit-scrollbar {
        height: 0px;
        background-color: #dddddd
    }
    .header-wrapper .global-navigation::-webkit-scrollbar-thumb {
        background: #999
    }
}

.header-wrapper .global-nav-search-bar {
    position: relative;
    display: none;
    position: relative;
    z-index: 50;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-wrapper .global-nav-search-bar #header-search-form-2 {
    width: 340px;
    height: 34px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #f5f5f5;
    overflow: hidden;
    padding-right: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 1100px) {
    .header-wrapper .global-nav-search-bar #header-search-form-2 {
        width: 300px
    }
}

@media (max-width: 1000px) {
    .header-wrapper .global-nav-search-bar #header-search-form-2 {
        width: 280px
    }
}

.header-wrapper .global-nav-search-bar #header-search-form-2 input {
    font-family: 'Roboto', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft YaHei', arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    font-style: normal;
    color: #333;
    width: 100%;
    font-size: 14px;
    height: 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 10px;
    background-color: transparent;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: inset 0 42px 0 #f5f5f5 !important;
    box-shadow: inset 0 42px 0 #f5f5f5 !important
}

.header-wrapper .global-nav-search-bar #header-search-form-2 input::-webkit-input-placeholder {
    color: #999999;
    opacity: 1
}

.header-wrapper .global-nav-search-bar #header-search-form-2 input:-ms-input-placeholder {
    color: #999999;
    opacity: 1
}

.header-wrapper .global-nav-search-bar #header-search-form-2 input::-ms-input-placeholder {
    color: #999999;
    opacity: 1
}

.header-wrapper .global-nav-search-bar #header-search-form-2 input::placeholder {
    color: #999999;
    opacity: 1
}

.header-wrapper .global-nav-search-bar #header-search-form-2 input:-ms-input-placeholder {
    color: #999999
}

.header-wrapper .global-nav-search-bar #header-search-form-2 input::-ms-input-placeholder {
    color: #999999
}

.header-wrapper .global-nav-search-bar #header-search-form-2 span {
    width: 38px;
    min-width: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-wrapper .global-nav-search-bar #header-search-form-2 span img {
    width: 14px;
    height: 14px
}

.header-wrapper .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-wrapper .menu>li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.header-wrapper .menu>li:first-child {
    min-width: 50px
}

.header-wrapper .menu>li.current-menu-item>a {
    background-color: #c21010
}

.header-wrapper .menu>li>a,
.header-wrapper .menu>li>a:link {
    white-space: nowrap;
    color: #ffffff;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.header-wrapper .menu>li>a img,
.header-wrapper .menu>li>a:link img {
    width: 1.3em;
    min-width: 1.3em;
    height: 1.3em;
    display: block
}

@media (min-width: 1100px) {
    .header-wrapper .menu>li>a:hover,
    .header-wrapper .menu>li>a:link:hover {
        background-color: #c21010
    }
}

.header-wrapper .menu>li.menu-item-has-children>a:after {
    content: "";
    width: 0.7em;
    height: 0.7em;
    min-width: 0.7em;
    margin-left: -0.4em;
    -webkit-transform: translateX(0.7em);
    -ms-transform: translateX(0.7em);
    transform: translateX(0.7em);
    display: inline-block;
    background: url(https://wwp-static.wenweipo.com/img/common/down-arrow.svg) center center/contain no-repeat
}

.header-wrapper .menu>li.menu-item-has-children:hover .sub-menu {
    display: block
}

.header-wrapper .sub-menu {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #40434a;
    border-top: 4px solid #c21010;
    top: 46px;
    display: none;
    min-width: 100%
}

.header-wrapper .sub-menu a,
.header-wrapper .sub-menu a:link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    height: 46px;
    padding: 0 25px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #ffffff
}

.header-wrapper .sub-menu a:hover,
.header-wrapper .sub-menu a:link:hover {
    background-color: #c21010
}

.header-wrapper .sub-menu li {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-top: -1px
}

.header-wrapper .sub-menu li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.header-wrapper .sub-menu li:hover {
    border-bottom-color: transparent
}

.primary-header {
    background-color: #fff;
    position: relative
}

.primary-header-wrapper {
    background-color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 0
}

.primary-header-wrapper .brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.primary-header-wrapper .brand img {
    display: block;
    width: 150px;
    min-width: 150px
}

.primary-header-wrapper .brand a,
.primary-header-wrapper .brand a:link {
    display: block;
    margin-right: 12px
}

.primary-header-wrapper .brand .slogan {
    font-family: 'Noto Serif TC', serif;
    line-height: 1.5;
    font-weight: 900;
    font-style: normal;
    color: #333;
    color: #4d4d4d;
    font-size: 22px;
    line-height: 1.15;
    white-space: nowrap;
    padding-top: 0.3em
}

.primary-header-wrapper .brand .today-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 8px
}

.primary-header-wrapper .brand .current-date {
    font-size: 14px;
    line-height: 1.15;
    white-space: nowrap;
    color: #777;
    min-height: 14px;
    padding-left: 2px;
    margin-right: 1em
}

.primary-header-wrapper .brand .current-weather img {
    width: 20px;
    height: 20px;
    min-width: 20px
}

.primary-header-wrapper #header-search-form {
    width: 340px;
    height: 36px;
    border: 1px solid #ddd;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #f5f5f5;
    overflow: hidden;
    padding-right: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 1100px) {
    .primary-header-wrapper #header-search-form {
        width: 300px
    }
}

@media (max-width: 1000px) {
    .primary-header-wrapper #header-search-form {
        width: 280px
    }
}

.primary-header-wrapper #header-search-form input {
    width: 100%;
    font-size: 14px;
    height: 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 10px;
    background-color: transparent;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: inset 0 42px 0 #f5f5f5 !important;
    box-shadow: inset 0 42px 0 #f5f5f5 !important
}

.primary-header-wrapper #header-search-form input::-webkit-input-placeholder {
    color: #999999;
    opacity: 1
}

.primary-header-wrapper #header-search-form input:-ms-input-placeholder {
    color: #999999;
    opacity: 1
}

.primary-header-wrapper #header-search-form input::-ms-input-placeholder {
    color: #999999;
    opacity: 1
}

.primary-header-wrapper #header-search-form input::placeholder {
    color: #999999;
    opacity: 1
}

.primary-header-wrapper #header-search-form input:-ms-input-placeholder {
    color: #999999
}

.primary-header-wrapper #header-search-form input::-ms-input-placeholder {
    color: #999999
}

.primary-header-wrapper #header-search-form span {
    width: 38px;
    min-width: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.primary-header-wrapper #header-search-form span img {
    width: 14px;
    height: 14px
}

.primary-header-wrapper .social-btns {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px
}

.primary-header-wrapper .social-btns a,
.primary-header-wrapper .social-btns a:link {
    padding: 6px 4px;
    margin: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999999
}

.primary-header-wrapper .social-btns a svg,
.primary-header-wrapper .social-btns a:link svg {
    display: block;
    width: 22px;
    height: 22px;
    min-width: 22px
}

@media (min-width: 1100px) {
    .primary-header-wrapper .social-btns a,
    .primary-header-wrapper .social-btns a:link {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }
    .primary-header-wrapper .social-btns a:hover.fb,
    .primary-header-wrapper .social-btns a:link:hover.fb {
        color: #4267b2
    }
    .primary-header-wrapper .social-btns a:hover.yt,
    .primary-header-wrapper .social-btns a:link:hover.yt {
        color: #ff0000
    }
    .primary-header-wrapper .social-btns a:hover.tt,
    .primary-header-wrapper .social-btns a:link:hover.tt {
        color: #1ea1f2
    }
    .primary-header-wrapper .social-btns a:hover.wx,
    .primary-header-wrapper .social-btns a:link:hover.wx {
        color: #1aad19
    }
    .primary-header-wrapper .social-btns a:hover.wb,
    .primary-header-wrapper .social-btns a:link:hover.wb {
        color: #e6162d
    }
}

.primary-header-wrapper .log-in,
.primary-header-wrapper .lang {
    margin: 0 0 0 10px
}

.primary-header-wrapper .log-in a,
.primary-header-wrapper .lang a {
    white-space: nowrap;
    height: 36px;
    font-size: 14px;
    background-color: #999999;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff
}

.primary-header-wrapper .log-in a .icon,
.primary-header-wrapper .lang a .icon {
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin-right: 5px
}

@media (min-width: 1100px) {
    .primary-header-wrapper .log-in a:hover,
    .primary-header-wrapper .lang a:hover {
        background-color: #e3900e
    }
}

.hasbg {
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat
}

main {
    position: relative;
    z-index: 5;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding: 0 40px
}

.hero {
    margin: 35px 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1000
}

.hero .hot-news {
    width: 280px
}

.exit-pip {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background-color: #141414;
    z-index: 20
}

.exit-pip:before,
.exit-pip:after {
    width: 14px;
    height: 1px;
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.exit-pip:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.featured-news {
    width: calc(100% - 300px);
    height: 468px;
    overflow: hidden
}

.featured-news .flexslider {
    position: relative
}

.featured-news .flexslider .slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.featured-news .flexslider .slides li {
    width: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #191920 url(../img/index/hero-bg.png) center center/80px auto no-repeat
}

.featured-news .flexslider .slides li img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.featured-news .flexslider .slides li.float .hero-video {
    position: fixed;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    z-index: 5000;
    width: 320px;
    height: 180px;
    overflow: visible
}

@media (max-width: 360px) {
    .featured-news .flexslider .slides li.float .hero-video {
        width: 300px;
        height: 169px
    }
}

@media (max-width: 340px) {
    .featured-news .flexslider .slides li.float .hero-video {
        width: 280px;
        height: 158px
    }
}

.featured-news .flexslider .slides li.float .hero-video .exit-pip {
    display: block
}

.featured-news .flexslider .slides li .hero-video {
    border: 2px solid #141414;
    background-color: #000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
    height: calc(100% - 10px);
    bottom: 10px
}

.featured-news .flexslider .slides li .hero-video .exit-pip {
    display: none
}

@media (max-width: 900px) {
    .featured-news .flexslider .slides li .hero-video {
        height: calc(100% - 6px);
        bottom: 6px
    }
}

.featured-news .flexslider .slides li .hero-video .video-js {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: none
}

.featured-news .flexslider .slides li .hero-video .video-control {
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 30;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(https://wwp-static.wenweipo.com/img/common/play.png) center center/80% 80% no-repeat;
    cursor: pointer;
    z-index: 5
}

.featured-news .flexslider .slides li .hero-video .video-control .play-btn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.featured-news .flexslider .slides li .hero-video .poster {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 4
}

.featured-news .flexslider .slides li .hero-video .poster img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain
}

.featured-news .flexslider .slides li .hero-video.playing .video-js {
    display: block
}

.featured-news .flexslider .slides li .hero-video.playing .video-control {
    opacity: 0;
    z-index: -2
}

.featured-news .flexslider .slides li .hero-video.playing .poster {
    opacity: 0;
    z-index: -2
}

.featured-news .flexslider .slides li .hero-video.playing~.slider-caption {
    opacity: 0 !important;
    z-index: -3 !important
}

.featured-news .flexslider .slides li:after {
    content: "";
    display: block;
    z-index: -1;
    padding-top: 52%;
    width: 100%
}

.featured-news .flexslider .slides li>a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 20;
    display: block;
    cursor: pointer
}

.featured-news .flexslider .slides .slider-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.88);
    font-size: 22px;
    line-height: 1.5;
    padding: 12px 20px;
    color: #eee;
    opacity: 0
}

.featured-news .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    height: 10px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.featured-news .flex-control-nav li {
    margin: 0;
    display: block;
    height: 10px
}

@media (max-width: 900px) {
    .featured-news .flex-control-nav li {
        height: 6px
    }
}

.featured-news .flex-control-paging li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 100%;
    background: #666;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    height: 10px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.featured-news .flex-control-paging li:last-child a {
    border-right: 0
}

.featured-news .flex-control-paging li a:hover {
    background: #000
}

.featured-news .flex-control-paging li a.flex-active {
    background: #c21010;
    cursor: default
}

.featured-news .flex-direction-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 30;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.featured-news .flex-direction-nav li {
    opacity: 0.5;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    border-radius: 100%;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.featured-news .flex-direction-nav li>a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: block
}

.featured-news .flex-direction-nav li.flex-nav-prev {
    left: 40px
}

.featured-news .flex-direction-nav li.flex-nav-next {
    right: 40px
}

.featured-news .flexslider:hover .flex-direction-nav {
    opacity: 1
}

.section-title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.15;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section-title>* {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.section-title span {
    white-space: nowrap;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 24px;
    color: #c21010;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.section-title:after {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    content: "";
    display: block;
    margin-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 7px;
    /*background:url(../img/common/2dots.png) left center/auto 7px repeat-x;*/
    opacity: 0.4
}

.section-title a {
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin-left: 12px;
    display: block;
    background: url(https://wwp-static.wenweipo.com/img/common/section-title-arrow-right.svg) center center/contain no-repeat;
    opacity: 0.6;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.section-title a:hover {
    opacity: 1
}

.hot-news-container {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-top: 16px;
    max-height: 425px !important;
    position: relative;
    overflow: hidden
}

.hot-news-container:before {
    content: "";
    z-index: 1;
    width: 2px;
    background-color: #ddd;
    position: absolute;
    top: 20px;
    bottom: 30px;
    left: 20px;
    opacity: 0.5
}

.hot-news-container:after {
    content: "";
    width: 100%;
    bottom: 0;
    height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%);
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    pointer-events: none
}

.hot-news-container .box {
    width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 5
}

.hot-news-container .box ul {
    width: 100%;
    z-index: 2;
    padding-left: 20px;
    position: relative
}

.hot-news-container .box ul li:not(:last-child) {
    margin-bottom: 25px
}

.hot-news-container .box ul li a,
.hot-news-container .box ul li a:link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    display: block;
    line-height: 1.15;
    position: relative
}

@media (min-width: 1100px) {
    .hot-news-container .box ul li a:hover .title,
    .hot-news-container .box ul li a:link:hover .title {
        color: #c21010;
        text-decoration: underline
    }
}

.hot-news-container .box ul li span.time {
    font-size: 12px;
    color: #999;
    display: block;
    position: relative
}

.hot-news-container .box ul li span.time:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 6px solid #ffffff;
    border-radius: 100%;
    background-color: #c21010;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -28px
}

.hot-news-container .box ul li .title {
    font-size: 14px;
    line-height: 1.2;
    margin: 4px 0
}

.section-video {
    z-index: 50 !important
}

.common-section {
    margin: 40px 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.common-section>* {
    z-index: 5;
    position: relative
}

.common-section.full-width {
    padding: 40px 0 20px
}

.common-section.full-width:after {
    content: "";
    display: block;
    width: 100vw;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ffffff
}

.common-section.red-bg:after,
.common-section.gray-bg:after {
    background-color: #830010 !important
}

.common-section.red-bg .section-title span,
.common-section.gray-bg .section-title span {
    color: #ffffff
}

.common-section.red-bg .section-title:after,
.common-section.gray-bg .section-title:after {
    background: url(../img/common/2dots-white.png) left center/auto 7px repeat-x;
    opacity: 0.2
}

.common-section.red-bg .section-title a,
.common-section.gray-bg .section-title a {
    background: url(https://wwp-static.wenweipo.com/img/common/section-title-arrow-right-white.svg) center center/contain no-repeat
}

.common-section.gray-bg:after {
    background-color: #40434a !important
}

.common-section.topic-section+.common-section {
    margin-top: 0
}

.common-section.comment-section {
    margin-bottom: 0
}

.cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1
}

.cols .figure {
    width: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cols .figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.cols .figure:after {
    content: "";
    display: block;
    width: 100%;
    z-index: -1;
    position: relative;
    padding-top: 50%
}

.cols .wrap {
    width: 100%;
    background-color: #fff;
    position: relative
}

.cols .wrap>a,
.cols .wrap>a:link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10;
    display: block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width: 1100px) {
    .cols .wrap {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }
    .cols .wrap:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1)
    }
}

.cols .text {
    padding: 16px 20px
}

.cols h3 {
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cols .post-meta {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 15px;
    font-size: 14px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cols .post-meta .category {
    color: #c21010;
    white-space: nowrap;
    margin-right: 10px
}

.cols .post-meta .post-date {
    color: #999
}

.cols.col-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cols.col-2 .item {
    width: 50%;
    padding: 0 0 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cols.col-2.horizontal {
    margin-bottom: 0px
}

.cols.col-2.horizontal .wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.cols.col-2.horizontal .wrap .figure {
    width: 160px;
    max-width: 160px;
    min-width: 160px
}

@media (min-width: 1100px) {
    .cols.col-2.horizontal .wrap:hover .text {
        color: #c21010
    }
}

.cols.col-2.horizontal .text {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cols.col-2.horizontal .text .post-meta {
    margin: 0
}

.cols.col-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cols.col-3 .item {
    width: 33.33%;
    padding: 0 0 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0;
    position: relative
}

.video-section .text {
    padding: 16px 20px
}

.video-section h3 {
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px
}

.video-section .post-meta {
    margin-top: 15px;
    font-size: 14px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.video-section .post-meta .category {
    color: #c21010;
    white-space: nowrap;
    margin-right: 10px
}

.video-section .post-meta .post-date {
    color: #999
}

.video-section .play-content {
    width: calc(100% - 540px);
    min-width: calc(100% - 540px)
}

.video-section .play-content .video-js {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.video-section .play-content .video-box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.video-section .play-content .video-box .exit-pip {
    display: none
}

.video-section .play-content .video-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    position: relative;
    background-color: #40434a
}

.video-section .play-content .video-wrapper:after {
    content: "";
    display: block;
    padding-top: 56.25%;
    position: relative;
    z-index: -1
}

.video-section .play-content .video-wrapper .video-poster {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.video-section .play-content .video-wrapper.playing .video-poster,
.video-section .play-content .video-wrapper.playing .video-control {
    opacity: 0;
    pointer-events: none;
    z-index: -2
}

.video-section .play-content .video-wrapper.float .video-box {
    position: fixed;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    z-index: 5000;
    width: 320px;
    height: 180px;
    overflow: visible;
    border: 2px solid #141414
}

@media (max-width: 360px) {
    .video-section .play-content .video-wrapper.float .video-box {
        width: 300px;
        height: 169px
    }
}

@media (max-width: 340px) {
    .video-section .play-content .video-wrapper.float .video-box {
        width: 280px;
        height: 158px
    }
}

.video-section .play-content .video-wrapper.float .video-box .exit-pip {
    display: block
}

.video-section .play-content .video-control {
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 30;
    left: 30px;
    bottom: 30px;
    background: url(https://wwp-static.wenweipo.com/img/common/play.png) center center/80% 80% no-repeat;
    cursor: pointer
}

.video-section .play-content .video-control .play-btn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.video-section .play-content .video-meta {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    background-color: #fff
}

.video-section .play-content .video-meta .text h3 {
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 1.5em;
    max-height: 1.5em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 20px
}

.video-section .video-list {
    top: 0;
    right: 0;
    width: 520px;
    padding-right: 15px;
    position: absolute;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    padding: 20px
}

.video-section .video-list::-webkit-scrollbar {
    width: 6px;
    background-color: #dddddd
}

.video-section .video-list::-webkit-scrollbar-thumb {
    background: #999
}

.video-section .video-list .item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.video-section .video-list .item .poster {
    position: relative;
    width: 160px;
    max-width: 160px;
    min-width: 160px
}

.video-section .video-list .item .poster:after {
    content: "";
    display: block;
    padding-top: 56.25%;
    position: relative;
    z-index: -1
}

.video-section .video-list .item .poster img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.video-section .video-list .item .poster .video-control {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 30;
    left: 10px;
    bottom: 10px;
    background: url(https://wwp-static.wenweipo.com/img/common/play.png) center center/100% 100% no-repeat;
    cursor: pointer
}

.video-section .video-list .item .poster .video-control .play-btn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.video-section .video-list .item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 3px 0 3px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.video-section .video-list .item .text .wrap {
    background-color: #fff
}

.video-section .video-list .item .text h3 {
    font-size: 14px
}

.video-section .video-list .item .text .post-meta {
    font-size: 12px;
    margin-top: 10px
}

.video-section .video-list .item:not(:last-child) {
    margin-bottom: 20px
}

.video-section .video-list .item.current {
    position: relative
}

.video-section .video-list .item.current:before {
    content: "當前視頻";
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 10px;
    background-color: #c21010;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.15;
    padding: 3px 6px
}

.gallery-section {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0;
    position: relative
}

.gallery-section .wrap {
    position: relative
}

.gallery-section .wrap>a,
.gallery-section .wrap>a:link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10;
    display: block
}

@media (min-width: 1100px) {
    .gallery-section .wrap:hover .text h3 {
        color: #c21010
    }
}

.gallery-section .text {
    padding: 16px 20px
}

.gallery-section h3 {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px
}

.gallery-section .post-meta {
    margin-top: 15px;
    font-size: 14px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.gallery-section .post-meta .category {
    color: #c21010;
    white-space: nowrap;
    margin-right: 10px
}

.gallery-section .post-meta .post-date {
    color: #999
}

.gallery-section .item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    position: relative
}

.gallery-section .item .figure {
    position: relative;
    width: 100%
}

.gallery-section .item .figure:after {
    content: "";
    display: block;
    padding-top: 50%;
    position: relative;
    z-index: -1
}

.gallery-section .item .figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.gallery-section .text h3 {
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 1.5em;
    max-height: 1.5em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 20px
}

.gallery-section .featured {
    width: calc(100% - 500px);
    min-width: calc(100% - 500px)
}

.gallery-section .featured .text {
    padding: 20px 0 0
}

.gallery-section .gallery-list {
    width: 480px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gallery-section .gallery-list .item {
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    margin-left: 20px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent
}

.gallery-section .gallery-list .text {
    padding: 15px 0
}

.gallery-section .gallery-list .text h3 {
    height: 3em;
    max-height: 3em;
    -webkit-line-clamp: 2;
    font-size: 14px
}

.gallery-section .gallery-list .text .post-meta {
    margin-top: 10px
}

.sub-section {
    width: 100%
}

.sub-section .box {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    margin: 20px 0
}

.sub-section .sticky {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.sub-section .sticky h3 {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

@media (min-width: 1100px) {
    .sub-section .sticky:hover .text h3 {
        color: #c21010
    }
}

.sub-section .sticky>a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10
}

.sub-section .sticky .figure {
    width: 240px;
    min-width: 240px
}

.sub-section .sticky .text {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sub-section .sticky .text .post-meta {
    margin: 0
}

.sub-section .list {
    margin-top: 20px
}

.sub-section .list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sub-section .list ul li:not(:last-child) {
    margin-bottom: 8px
}

.sub-section .list ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #c21010;
    min-width: 4px;
    margin-right: 10px;
    border-radius: 100%
}

.sub-section .list ul li a,
.sub-section .list ul li a:link {
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    font-size: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

@media (min-width: 1100px) {
    .sub-section .list ul li a:hover,
    .sub-section .list ul li a:link:hover {
        color: #c21010;
        text-decoration: underline
    }
}

.other-section {
    padding-bottom: 0;
    margin-bottom: 0
}

.other-section .cols {
    margin-left: -30px;
    margin-bottom: 10px
}

.other-section .cols .item {
    padding-left: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-footer {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-top: 7px solid #c21010;
    width: 100%;
    background-color: #40434a;
    color: #78787a;
    line-height: 1.5
}

.site-footer a,
.site-footer a:link {
    color: #78787a
}

.site-footer .footer-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.site-footer .footer-wrapper .footer-brand {
    position: absolute;
    height: 100%;
    width: auto;
    left: 0;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-footer .footer-wrapper .footer-brand img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 0;
    top: 0;
    max-width: none;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%)
}

.site-footer .footer-wrapper .footer-text {
    width: 100%;
    position: relative;
    z-index: 5;
    padding: 30px 0;
    padding-left: 20%;
    text-align: center
}

.site-footer .footer-wrapper .footer-text .brand-slogan {
    font-family: 'Noto Serif TC', serif;
    line-height: 1.5;
    font-weight: 900;
    font-style: normal;
    color: #333;
    font-weight: 700;
    color: #ffffff;
    font-size: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-footer .footer-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0
}

.site-footer .footer-navigation a,
.site-footer .footer-navigation a:link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    padding: 0 20px
}

.site-footer .footer-navigation a:not(:last-child),
.site-footer .footer-navigation a:link:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.2)
}

@media (min-width: 1100px) {
    .site-footer .footer-navigation a:hover,
    .site-footer .footer-navigation a:link:hover {
        text-decoration: underline
    }
}

.site-footer .footer-contact {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.site-footer .footer-contact>div {
    padding: 5px
}

.site-footer .footer-contact a,
.site-footer .footer-contact a:link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1100px) {
    .site-footer .footer-contact a:hover,
    .site-footer .footer-contact a:link:hover {
        text-decoration: underline
    }
}

.site-footer .copyright {
    font-size: 12px
}

span.nowrap {
    display: inline-block;
    white-space: nowrap
}

.single-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0
}

.single-content aside {
    max-width: 300px;
    min-width: 300px;
    margin-left: 30px
}

.single-content aside .widget {
    display: block;
    margin: 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.single-content aside .hot-news {
    background-color: #fff;
    padding: 20px
}

.single-content aside .hot-news .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.single-content aside .hot-news .item:not(:last-child) {
    margin-bottom: 15px
}

.single-content aside .hot-news .item>a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 5
}

.single-content aside .hot-news .item figure {
    width: 120px;
    min-width: 120px;
    height: 60px;
    position: relative;
    margin-right: 10px
}

.single-content aside .hot-news .item figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.single-content aside .hot-news .item .text {
    font-size: 14px;
    line-height: 1.5;
    max-height: 4.5em;
    overflow: hidden
}

.single-content aside .hot-news .item .text span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

@media (min-width: 1100px) {
    .single-content aside .hot-news .item:hover .text span {
        color: #c21010
    }
}

.single-content .primary {
    width: calc(100% - 330px);
    max-width: calc(100% - 330px)
}

.single-content .primary .post-content {
    width: 100%;
    position: relative;
    height: auto;
    padding: 20px;
    background-color: #fff
}

.single-content .primary .post-header .breadcrumbs {
    font-size: 14px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}

.single-content .primary .post-header .breadcrumbs a,
.single-content .primary .post-header .breadcrumbs a:link,
.single-content .primary .post-header .breadcrumbs span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.single-content .primary .post-header .breadcrumbs a:not(:last-child),
.single-content .primary .post-header .breadcrumbs a:link:not(:last-child),
.single-content .primary .post-header .breadcrumbs span:not(:last-child) {
    margin-right: 10px
}

.single-content .primary .post-header .breadcrumbs a:not(:last-child):after,
.single-content .primary .post-header .breadcrumbs a:link:not(:last-child):after,
.single-content .primary .post-header .breadcrumbs span:not(:last-child):after {
    content: "";
    width: 1px;
    height: 1.1em;
    display: inline-block;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
    background-color: #999;
    margin-left: 10px
}

.single-content .primary .post-header h1 {
    font-size: 34px;
    line-height: 1.4;
    display: block
}

.single-content .primary .post-header .post-meta {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.15
}

.single-content .primary .post-header .post-meta a.category,
.single-content .primary .post-header .post-meta a.category:link {
    font-size: 14px;
    color: #c21010
}

@media (min-width: 1100px) {
    .single-content .primary .post-header .post-meta a.category:hover,
    .single-content .primary .post-header .post-meta a.category:link:hover {
        text-decoration: underline
    }
}

.single-content .primary .post-header .post-meta span.publish-date {
    font-size: 14px;
    margin-left: 10px;
    color: #999
}

.single-content .primary .post-body {
    padding: 30px 0
}

.single-content .primary .post-body figure,
.single-content .primary .post-body img {
    max-width: 100%;
    margin: 20px 0
}

.single-content .primary .post-body figure:first-child,
.single-content .primary .post-body img:first-child {
    margin-top: 0
}

.single-content .primary .post-body figure img {
    margin: 0;
    width: 100%
}

.single-content .primary .post-body figure figcaption {
    font-style: italic;
    color: #999;
    padding-top: 6px;
    text-align: center;
    font-size: 14px
}

.single-content .primary .post-body>p {
    font-size: 16px;
    line-height: 1.8
}

.single-content .primary .post-body>p:not(:last-child) {
    margin-bottom: 1.5em
}

.single-content .primary .post-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 10px
}

.single-content .primary .post-footer .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.single-content .primary .post-footer .tags a,
.single-content .primary .post-footer .tags a:link {
    font-size: 12px;
    line-height: 1.15;
    white-space: nowrap;
    padding: 5px 10px 5px 8px;
    background-color: #cccccc;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1100px) {
    .single-content .primary .post-footer .tags a:hover,
    .single-content .primary .post-footer .tags a:link:hover {
        background-color: #c21010
    }
}

.single-content .primary .post-footer .tags a:before,
.single-content .primary .post-footer .tags a:link:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    min-width: 4px;
    background-color: #fff;
    margin-right: 4px;
    display: inline-block
}

.single-content .primary .post-footer .tags a:not(:last-child),
.single-content .primary .post-footer .tags a:link:not(:last-child) {
    margin-right: 10px
}

.single-content .primary .post-footer .tags span {
    white-space: nowrap;
    margin-right: 10px
}

.single-content .primary .post-footer .post-share {
    white-space: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-656px, -50%);
    -ms-transform: translate(-656px, -50%);
    transform: translate(-656px, -50%);
    z-index: 50
}

.single-content .primary .post-footer .post-share a {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border: 1px solid #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    color: #999;
    border-radius: 100%;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

.single-content .primary .post-footer .post-share a:not(:first-child) {
    margin-top: 10px
}

.single-content .primary .post-footer .post-share a svg {
    display: block;
    width: 100%;
    height: 100%
}

@media (min-width: 1100px) {
    .single-content .primary .post-footer .post-share a:hover {
        border-color: #c21010;
        color: #c21010
    }
}

.relative-post {
    margin: 30px 0 20px 0
}

.relative-post .cols .text {
    padding: 12px 16px
}

.relative-post .cols h3 {
    font-size: 14px
}

.relative-post .cols .post-meta {
    font-size: 12px
}

.post-comments {
    margin: 30px 0 10px
}

.post-comments .comment-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.post-comments .comment-form:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ddd
}

.post-comments .comment-user-avatar {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 20px;
    overflow: hidden;
    background-color: #ddd;
    border-radius: 100%;
    position: relative
}

.post-comments .comment-user-avatar img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.post-comments .comment-section {
    margin-top: 20px;
    background-color: #fff;
    padding: 20px
}

.post-comments .comment-textarea,
.post-comments .comment-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.post-comments .comment-textarea textarea,
.post-comments .comment-body textarea {
    border-radius: 0px;
    width: 100%;
    height: 120px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    resize: vertical;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5
}

.post-comments .comment-textarea .submit-btn,
.post-comments .comment-body .submit-btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 6px
}

.post-comments .comment-textarea .submit-btn input,
.post-comments .comment-body .submit-btn input {
    cursor: pointer;
    height: 28px;
    padding: 0 12px;
    color: #ffffff;
    background-color: #c21010;
    font-size: 14px
}

@media (min-width: 1100px) {
    .post-comments .comment-textarea .submit-btn input:hover,
    .post-comments .comment-body .submit-btn input:hover {
        background-color: #e3900e
    }
}

.post-comments .user-meta {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.15
}

.post-comments .user-meta .name {
    font-size: 14px;
    font-weight: bold;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 15px
}

.post-comments .user-meta .comment-date {
    font-size: 12px;
    color: #999
}

.post-comments .comment-message {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.5
}

.post-comments .comment-reply {
    color: #999;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.15
}

@media (min-width: 1100px) {
    .post-comments .comment-reply:hover {
        text-decoration: underline
    }
}

.post-comments .more-comments a {
    overflow: hidden;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
    background-color: #c21010
}

@media (min-width: 1100px) {
    .post-comments .more-comments a:hover {
        background-color: #e3900e
    }
}

.category-content {
    width: 100%;
    padding: 30px 0
}

.category-content .category-featured {
    margin-left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.category-content .category-featured .large {
    width: 73%;
    max-width: 73%;
    min-width: 73%
}

@media (max-width: 1500px) {
    .category-content .category-featured .large {
        width: 73.7%;
        max-width: 73.7%;
        min-width: 73.7%
    }
}

.category-content .category-featured .large .item h3 {
    font-size: 20px
}

.category-content .category-featured .small {
    width: 27%;
    max-width: 27%;
    min-width: 27%
}

@media (max-width: 1500px) {
    .category-content .category-featured .small {
        width: 26.4%;
        max-width: 26.4%;
        min-width: 26.4%
    }
}

.category-content .category-featured .item {
    padding: 0 0 20px 20px
}

.category-content .category-featured .item .wrap {
    position: relative
}

@media (min-width: 1100px) {
    .category-content .category-featured .item .wrap {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }
    .category-content .category-featured .item .wrap:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1)
    }
}

.category-content .category-featured .item .wrap a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10;
    display: block
}

.category-content .category-featured .item .figure {
    width: 100%;
    position: relative;
    overflow: hidden
}

.category-content .category-featured .item .figure:before {
    content: "";
    width: 100%;
    position: relative;
    padding-top: 50%;
    z-index: -1;
    display: block
}

.category-content .category-featured .item .figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.category-content .category-featured .item .text {
    padding: 16px 20px;
    background-color: #fff
}

.category-content .category-featured .item h3 {
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px
}

.category-content .category-featured .item .post-meta {
    margin-top: 15px;
    font-size: 14px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.category-content .category-featured .item .post-meta .category {
    color: #c21010;
    white-space: nowrap;
    margin-right: 10px
}

.category-content .category-featured .item .post-meta .post-date {
    color: #999
}

.category-content .category-section {
    margin: 20px auto 0
}

.category-content .category-section .featured-row {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.category-content .category-section .featured-main {
    width: 56%;
    max-width: 56%;
    min-width: 56%
}

.category-content .category-section .featured-main .item .wrap {
    position: relative
}

@media (min-width: 1100px) {
    .category-content .category-section .featured-main .item .wrap {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }
    .category-content .category-section .featured-main .item .wrap:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1)
    }
}

.category-content .category-section .featured-main .item .wrap a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10;
    display: block
}

.category-content .category-section .featured-main .item .figure {
    width: 100%;
    position: relative;
    overflow: hidden
}

.category-content .category-section .featured-main .item .figure:before {
    content: "";
    width: 100%;
    position: relative;
    padding-top: 50%;
    z-index: -1;
    display: block
}

.category-content .category-section .featured-main .item .figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.category-content .category-section .featured-main .item .text {
    padding: 16px 20px;
    background-color: #fff
}

.category-content .category-section .featured-main .item h3 {
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 20px
}

.category-content .category-section .featured-main .item .post-meta {
    margin-top: 15px;
    font-size: 14px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.category-content .category-section .featured-main .item .post-meta .category {
    color: #c21010;
    white-space: nowrap;
    margin-right: 10px
}

.category-content .category-section .featured-main .item .post-meta .post-date {
    color: #999
}

.category-content .category-section .featured-secondary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.category-content .category-section .featured-secondary ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.category-content .category-section .featured-secondary ul li {
    height: 20%;
    position: relative
}

.category-content .category-section .featured-secondary ul li:not(:last-child) {
    border-bottom: 1px solid #ffffff
}

.category-content .category-section .featured-secondary ul li a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: block;
    padding: 12px 20px 12px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border-left: 4px solid #c21010;
    font-size: 16px;
    line-height: 1.5
}

@media (min-width: 1100px) {
    .category-content .category-section .featured-secondary ul li a:hover {
        color: #ffffff;
        background-color: #c21010 !important
    }
}

.category-content .category-section .featured-secondary ul li:nth-child(2n) a {
    background-color: #efefef
}

.category-content .category-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px
}

.category-content .category-cols.col-2 {
    padding: 20px 0 0
}

.category-content .category-cols.col-2 .item {
    width: 50%
}

.category-content .category-cols.col-2 .item .text h3 {
    font-size: 20px
}

.category-content .category-cols.col-4 .item {
    width: 25%
}

.category-content .category-cols .item {
    padding: 0 0 20px 20px
}

.category-content .category-cols .item .wrap {
    position: relative
}

@media (min-width: 1100px) {
    .category-content .category-cols .item .wrap {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }
    .category-content .category-cols .item .wrap:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1)
    }
}

.category-content .category-cols .item .wrap a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10;
    display: block
}

.category-content .category-cols .item .figure {
    width: 100%;
    position: relative;
    overflow: hidden
}

.category-content .category-cols .item .figure:before {
    content: "";
    width: 100%;
    position: relative;
    padding-top: 50%;
    z-index: -1;
    display: block
}

.category-content .category-cols .item .figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.category-content .category-cols .item .text {
    padding: 16px 20px;
    background-color: #f5f5f5
}

.category-content .category-cols .item h3 {
    width: 100%;
    display: block;
    line-height: 1.5;
    height: 3em;
    max-height: 3em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px
}

.category-content .category-cols .item .post-meta {
    margin-top: 15px;
    font-size: 14px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.category-content .category-cols .item .post-meta .category {
    color: #c21010;
    white-space: nowrap;
    margin-right: 10px
}

.category-content .category-cols .item .post-meta .post-date {
    color: #999
}

.headline .headline-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 15px
}

.headline .title {
    width: 86px;
    font-size: 14px;
    line-height: 1.15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 28px;
    min-width: 86px;
    color: #ffffff;
    background-color: #c21010;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.headline .title .live-dot {
    min-width: 9px;
    margin-right: 4px;
    -webkit-animation: livedotanimation 2s ease infinite 0s;
    animation: livedotanimation 2s ease infinite 0s
}

@-webkit-keyframes livedotanimation {
    0% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes livedotanimation {
    0% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

.headline .title .live-dot:after {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #ffffff;
    display: block;
    position: relative
}

.headline .headline-body {
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 28px;
    overflow: hidden
}

.headline .headline-body ul {
    width: 100%
}

.headline .headline-body ul li {
    height: 28px;
    width: 100%
}

.headline .headline-body ul li a,
.headline .headline-body ul li a:link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 10px;
    width: 100%;
    display: block;
    line-height: 28px;
    text-align: left;
    height: 28px;
    font-size: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (min-width: 1100px) {
    .headline .headline-body ul li a:hover,
    .headline .headline-body ul li a:link:hover {
        text-decoration: underline;
        color: #c21010
    }
}

.mobile-app-content {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999999999;
    display: none;
    border-top: 2px solid #c21010
}

.mobile-app-content.show {
    display: block
}

.mobile-app-content .app-content {
    width: 100%;
    height: auto;
    padding: 8px;
    background-color: #40434a;
    color: #ffffff;
    display: none
}

.mobile-app-content .app-content.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-app-content .app-content.ios {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.mobile-app-content .app-content.ios .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mobile-app-content .app-content.ios a {
    display: block;
    max-width: 200px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.mobile-app-content .app-content.ios a img {
    width: 100%;
    max-width: none;
    display: block
}

.mobile-app-content .app-content.ios .text {
    padding: 0 20px 0 15px
}

.mobile-app-content .app-content.android {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.mobile-app-content .app-content.android .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-app-content .app-content.android .btn-group a {
    display: block;
    max-width: 200px;
    padding: 0 5px 0 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.mobile-app-content .app-content.android .btn-group a:last-child {
    padding-right: 0
}

.mobile-app-content .app-content.android .btn-group a img {
    width: 100%;
    max-width: none;
    display: block
}

.mobile-app-content .app-content.android .text {
    padding: 4px 0 6px
}

.mobile-app-content .app-content .close {
    margin-left: 10px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    opacity: 0.5;
    background: url(https://wwp-static.wenweipo.com/img/common/app-close.svg) center center/60% 60% no-repeat
}

.mobile-app-content strong {
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    display: block
}

.mobile-app-content span {
    font-size: 10px;
    line-height: 1.3;
    display: block;
    text-align: center;
    margin-top: 3px
}

.post-gallery-section {
    margin: 30px auto
}

.post-gallery-section figure {
    margin: 0;
    position: relative
}

.post-gallery-section figure>a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10
}

.post-gallery-section .large-figures figure {
    margin: 0 !important;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.post-gallery-section .large-figures figure img {
    width: auto !important;
    max-width: 100%;
    max-height: 600px
}

.post-gallery-section .large-figures figure figcaption {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(20, 20, 20, 0.9);
    color: #cccccc;
    font-size: 13px;
    line-height: 1.3;
    padding: 6px 10px;
    text-align: center;
    font-style: italic
}

.post-gallery-section .small-figures {
    padding: 0 50px;
    position: relative
}

.post-gallery-section .small-figures figure {
    cursor: pointer;
    padding: 0 5px;
    position: relative
}

.post-gallery-section .small-figures figure.slick-current {
    background-color: #cccccc
}

.post-gallery-section .small-figures figure div {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px
}

.post-gallery-section .small-figures figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.post-gallery-section .small-figures figure:before {
    content: "";
    display: block;
    padding-top: 80%;
    position: relative
}

.post-gallery-section .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 100%;
    cursor: pointer;
    background: url(https://wwp-static.wenweipo.com/img/common/left-chevron.png) center center/contain no-repeat;
    overflow: hidden;
    text-indent: -99999999vw;
    opacity: 0.2
}

.post-gallery-section .slick-arrow:hover {
    opacity: 0.6
}

.post-gallery-section .slick-arrow.slick-next {
    left: auto;
    right: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
    background: url(https://wwp-static.wenweipo.com/img/common/left-chevron.png) center center/contain no-repeat
}

.live-tv {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: auto;
    padding: 0 14px 0 12px;
    height: 36px;
    position: fixed;
    top: 46%;
    right: -1px;
    background-color: #40434a;
    color: #ffffff;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 18px;
    z-index: 2000
}

@media (min-width: 1100px) {
    .live-tv:hover {
        background-color: #e3900e
    }
}

.live-tv.show {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.live-tv>a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    z-index: 10
}

.live-tv .icon {
    min-width: 10px;
    margin-right: 7px;
    -webkit-animation: liveanimation 2s ease infinite 0s;
    animation: liveanimation 2s ease infinite 0s
}

@-webkit-keyframes liveanimation {
    0% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes liveanimation {
    0% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

.live-tv .icon:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #e00;
    display: block;
    position: relative
}

@media (max-width: 1500px) {
    .single-content .primary .post-footer .post-share {
        -webkit-transform: translate(-595px, -50%);
        -ms-transform: translate(-595px, -50%);
        transform: translate(-595px, -50%)
    }
    .live-tv {
        font-size: 16px
    }
    .inner,
    main {
        max-width: 1160px
    }
    body {
        font-size: 14px
    }
    .social-btns {
        margin-left: 20px !important
    }
    .primary-header-wrapper #header-search-form {
        width: 100%
    }
    .header-search {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .primary-header-wrapper .brand img {
        width: 140px;
        min-width: 140px
    }
    .primary-header-wrapper {
        padding: 18px 0
    }
    .primary-header-wrapper .brand .slogan {
        font-size: 22px
    }
    .primary-header-wrapper .brand .current-date {
        font-size: 12px
    }
    .primary-header-wrapper .brand .current-weather img {
        width: 18px;
        height: 18px;
        min-width: 18px
    }
    .global-header .global-header-container {
        height: 46px
    }
    .header-wrapper .menu>li>a,
    .header-wrapper .menu>li>a:link {
        height: 46px
    }
    .global-header {
        height: 46px
    }
    .header-wrapper {
        height: 46px
    }
    .header-wrapper .sub-menu a,
    .header-wrapper .sub-menu a:link {
        height: 42px
    }
    .header-wrapper .sub-menu {
        top: 42px
    }
    .featured-news .flexslider .slides .slider-caption {
        font-size: 20px
    }
    .hot-news-container {
        max-height: 362px !important
    }
    .featured-news {
        height: 406px
    }
    .section-title span {
        font-size: 20px
    }
    .gallery-section .gallery-list {
        width: 450px
    }
    .gallery-section .featured {
        width: calc(100% - 460px);
        min-width: calc(100% - 460px)
    }
    .site-footer .footer-wrapper .footer-text .brand-slogan {
        font-size: 28px
    }
    .sub-section .list ul li:not(:last-child) {
        margin-bottom: 6px
    }
    .sub-section .sticky .figure {
        width: 220px;
        min-width: 220px
    }
    .single-content .primary .post-header h1 {
        font-size: 30px
    }
    .hot-news-container {
        margin-top: 18px
    }
    .hero .hot-news {
        margin-top: 3px
    }
}

@media (max-width: 1280px) {
    .single-content .primary .post-footer .post-share {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 12px 8px;
        background-color: #40434a
    }
}

@media (max-width: 1200px) {
    .category-content .category-section .featured-main .item .post-meta {
        margin-top: 10px;
        font-size: 12px
    }
    .category-content .category-featured .item .text,
    .category-content .category-cols .item .text,
    .category-content .category-section .featured-main .item .text {
        padding: 14px 16px
    }
    .category-content .category-featured .item .post-meta,
    .category-content .category-cols .item .post-meta {
        font-size: 12px
    }
    .category-content .category-featured .large .item h3,
    .category-content .category-section .featured-main .item h3,
    .category-content .category-cols.col-2 .item .text h3 {
        font-size: 18px
    }
    .category-content .category-featured .item h3,
    .category-content .category-cols .item h3 {
        font-size: 14px
    }
    .featured-news {
        height: auto
    }
    .hero .hot-news {
        margin-top: 0px
    }
    .hot-news-container {
        margin-top: 16px
    }
    .header-wrapper .menu>li>a,
    .header-wrapper .menu>li>a:link {
      padding: 0 12px
    }
    .featured-news .flexslider .slides .slider-caption {
        font-size: 18px;
        padding: 10px 14px
    }
    .featured-news .flex-direction-nav li.flex-nav-prev {
        left: 3vw
    }
    .featured-news .flex-direction-nav li.flex-nav-next {
        right: 3vw
    }
    .cols .text {
        padding: 14px 16px
    }
    .cols h3 {
        font-size: 14px
    }
    .cols .post-meta {
        font-size: 12px;
        margin-top: 12px
    }
    .video-section .play-content .video-meta .text h3 {
        font-size: 18px
    }
    .gallery-section .gallery-list {
        width: 38%
    }
    .gallery-section .featured {
        width: calc(62% - 10px);
        min-width: calc(62% - 10px)
    }
    .gallery-section .featured .text {
        padding: 15px 0 0
    }
    .gallery-section .featured .text h3 {
        font-size: 18px
    }
    .gallery-section .post-meta {
        font-size: 12px
    }
    .hot-news-container .box ul li:not(:last-child) {
        margin-bottom: 15px
    }
    .hot-news-container .box ul li .title {
        font-size: 12px
    }
    .sub-section .sticky .figure {
        width: 46%;
        min-width: 46%
    }
    .sub-section .sticky .text {
        padding: 0 0 0 15px
    }
    .sub-section .sticky .text h3 {
        font-size: 16px
    }
    .category-content .category-section .featured-secondary ul li a {
        font-size: 14px
    }
}

@media (max-width: 1100px) {
    .primary-header-wrapper .brand img {
        width: 110px;
        min-width: 110px
    }
    .primary-header-wrapper .brand .slogan {
        font-size: 18px
    }
    .primary-header-wrapper .brand .today-data {
        margin-top: 3px
    }
    .category-content .category-featured {
        display: block
    }
    .category-content .category-featured .large {
        width: 100%;
        min-width: 0;
        max-width: none
    }
    .category-content .category-featured .small {
        width: auto;
        min-width: 0;
        max-width: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .category-content .category-featured .small .item {
        width: 50%;
        max-width: 50%
    }
    .primary-header-wrapper .social-btns a,
    .primary-header-wrapper .social-btns a:link {
        padding: 6px 2px
    }
    .primary-header-wrapper .log-in a,
    .primary-header-wrapper .lang a {
        font-size: 12px
    }
}

@media (max-width: 1000px) {
    .video-section {
        display: block
    }
    .video-section .play-content {
        width: 100%;
        min-width: 0;
        max-width: none
    }
    .video-section .video-list {
        margin-top: 20px;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        padding: 0;
        overflow: hidden;
        overflow-x: auto;
        background-color: transparent
    }
    .video-section .video-list .list-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .video-section .video-list .item {
        width: 200px;
        height: auto;
        display: block;
        background-color: #ffffff;
        margin: 0 10px 10px 0 !important
    }
    .video-section .video-list .item:last-child {
        margin-right: 0 !important
    }
    .video-section .video-list .item .text {
        padding: 0 15px 15px !important
    }
    .video-section .video-list .item .poster {
        width: 200px;
        height: 100px;
        min-width: 200px;
        max-width: 200px;
        margin-bottom: 10px
    }
}

@media (max-width: 900px) {
    .live-tv {
        font-size: 16px
    }
    .global-nav-search-bar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .global-nav-search-bar:after {
        pointer-events: none;
        content: "";
        display: block;
        width: 30px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1000;
        background: -webkit-gradient(linear, left top, right top, from(rgba(64, 67, 74, 0)), to(#40434a));
        background: -webkit-linear-gradient(left, rgba(64, 67, 74, 0) 0%, #40434a 100%);
        background: -o-linear-gradient(left, rgba(64, 67, 74, 0) 0%, #40434a 100%);
        background: linear-gradient(to right, rgba(64, 67, 74, 0) 0%, #40434a 100%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .header-wrapper .global-nav-search-bar #header-search-form-2 {
        /* width:auto !important */
    }
    .header-wrapper .global-nav-search-bar #header-search-form-2 {
        height: 28px
    }
    .header-wrapper .global-nav-search-bar #header-search-form-2 input {
        height: 28px;
        font-size: 12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100px;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }
    .header-wrapper .global-nav-search-bar #header-search-form-2 input:focus {
        width: 200px
    }
    .header-wrapper .global-nav-search-bar #header-search-form-2 span {
        width: 28px;
        min-width: 28px
    }
    .header-search {
        display: none
    }
    .primary-header-wrapper .log-in a,
    .primary-header-wrapper .lang a {
        height: 24px;
        padding: 0 10px
    }
    .social-btns {
        padding: 0;
        margin-left: auto !important;
        margin-right: 0px !important
    }
    .primary-header-wrapper #header-search-form {
        width: 100%
    }
    .category-content {
        padding: 20px 0
    }
    .category-content .category-section .featured-secondary ul li a {
        padding: 10px 15px 10px 20px;
        overflow: hidden
    }
    .category-content .category-cols.col-2 .item .text h3 {
        font-size: 14px
    }
    .category-content .category-cols.col-4 .item {
        width: 50%
    }
    .single-content aside {
        max-width: none;
        min-width: 0;
        margin: 20px 0 0
    }
    .single-content aside .widget.banner {
        max-width: 400px
    }
    .single-content .primary .post-body>p {
        font-size: 14px
    }
    .single-content .primary .post-header .breadcrumbs {
        font-size: 12px;
        margin-bottom: 15px;
        padding-bottom: 12px
    }
    .single-content .primary .post-header .post-meta {
        margin-top: 12px
    }
    .single-content .primary .post-header h1 {
        font-size: 24px
    }
    .single-content .primary {
        width: 100%;
        max-width: none
    }
    .single-content {
        display: block;
        padding: 20px 0
    }
    .site-footer .footer-navigation a,
    .site-footer .footer-navigation a:link {
        padding: 0 10px
    }
    .site-footer .footer-wrapper .footer-brand img {
        -webkit-transform: translateX(-30%);
        -ms-transform: translateX(-30%);
        transform: translateX(-30%)
    }
    .site-footer .footer-wrapper .footer-text .brand-slogan {
        font-size: 24px
    }
    .header-wrapper .sub-menu {
        display: none !important
    }
    .header-wrapper .menu>li.menu-item-has-children>a:after {
        display: none !important
    }
    .header-wrapper .menu>li>a:hover,
    .header-wrapper .menu>li>a:link:hover {
        background-color: #40434a !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }
    .featured-news .flex-control-nav {
        height: 6px
    }
    .featured-news .flexslider .slides .slider-caption {
        font-size: 16px;
        padding: 8px 12px;
        bottom: 6px
    }
    .primary-header-wrapper #header-search-form input {
        font-size: 12px;
        height: 30px
    }
    .primary-header-wrapper #header-search-form {
        height: 34px
    }
    .primary-header-wrapper .social-btns a svg,
    .primary-header-wrapper .social-btns a:link svg {
        width: 20px;
        height: 20px;
        min-width: 20px
    }
    .inner,
    main {
        padding: 0 20px
    }
}

@media (max-width: 800px) {
    .hot-news-container .box ul li .title {
        font-size: 14px
    }
    .other-section .cols {
        margin-left: -20px
    }
    .cols.col-2 .item {
        width: 100%;
        padding: 0 0 20px 20px
    }
    .hero {
        margin: 20px 0;
        display: block
    }
    .featured-news {
        width: 100%;
        min-width: 0;
        max-width: none;
        margin-bottom: 20px
    }
    .hero .hot-news {
        width: 100%
    }
    .hot-news-container {
        height: auto !important;
        max-height: none !important
    }
    .hot-news-container:after {
        display: none !important
    }
    .featured-news .flex-direction-nav {
        opacity: 1 !important;
        pointer-events: auto !important
    }
    .featured-news .flex-direction-nav li {
        width: 30px;
        height: 30px;
        background-color: rgba(0, 0, 0, 0.3)
    }
    .featured-news .flexslider .slides .slider-caption {
        font-size: 14px;
        padding: 6px 10px;
        background-color: rgba(0, 0, 0, 0.71)
    }
    .gallery-section {
        display: block
    }
    .gallery-section .featured {
        width: 100%;
        min-width: 0;
        margin-bottom: 30px
    }
    .gallery-section .gallery-list {
        width: auto;
        margin-left: -20px
    }
    .gallery-section .gallery-list .item {
        width: 50%;
        max-width: 50%;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 20px;
        padding-bottom: 20px
    }
}

@media (max-width: 700px) {
    .category-content .category-section .featured-row {
        display: block
    }
    .category-content .category-section .featured-main {
        width: 100%;
        max-width: none;
        min-width: 0
    }
    .category-content .category-section .featured-secondary {
        display: block;
        padding-left: 0;
        margin-top: 20px
    }
    .category-content .category-section .featured-secondary ul {
        display: block
    }
    .category-content .category-section .featured-secondary ul li {
        height: auto !important
    }
    .category-content .category-section .featured-secondary ul a {
        position: relative !important
    }
    .site-footer .footer-wrapper {
        display: block
    }
    .site-footer .footer-wrapper .footer-brand {
        position: relative
    }
    .site-footer .footer-wrapper .footer-brand img {
        position: relative;
        height: 150px;
        margin: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .site-footer .footer-navigation a,
    .site-footer .footer-navigation a:link {
        margin: 5px 0
    }
    .site-footer .footer-wrapper .footer-text {
        padding: 0 0 30px;
        margin-top: -10px
    }
    .primary-header-wrapper .social-btns a,
    .primary-header-wrapper .social-btns a:link {
        padding: 4px;
        margin: 0
    }
    .primary-header-wrapper .social-btns {
        margin-right: 10px
    }
    .primary-header-wrapper .brand a,
    .primary-header-wrapper .brand a:link {
        margin-right: 8px
    }
    .video-section {
        display: block
    }
    .video-section .play-content {
        width: 100%;
        min-width: 0
    }
}

@media (max-width: 650px) {
    .live-tv {
        top: 61px
    }
    .header-wrapper .global-nav-search-bar #header-search-form-2 input {
        width: 70px
    }
    .single-content .primary .post-footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0;
        margin-bottom: 0
    }
    .cols.col-2.horizontal .wrap .figure {
        width: 46%;
        max-width: 46%;
        min-width: 46%
    }
    .cols.col-2.horizontal .text {
        padding: 0 0 0 12px
    }
    .header-wrapper .menu>li:first-child {
        min-width: 40px
    }
    .header-wrapper .menu>li.current-menu-item>a:hover,
    .header-wrapper .menu>li.current-menu-item>a:link:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #c21010 !important
    }
    .header-wrapper .menu>li>a,
    .header-wrapper .menu>li>a:link {
        padding: 0 10px
    }
    .primary-header {
        background-color: #fff
    }
    .primary-header:before {
        content: "";
        height: 40px;
        background-color: #f5f5f5;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1
    }
    .primary-header .inner {
        padding: 0
    }
    .primary-header-wrapper {
        position: relative;
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        z-index: 10;
        background-color: transparent
    }
    .primary-header-wrapper .brand {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 15px 20px
    }
    .social-btns {
        max-height: 40px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        overflow: hidden;
        margin-left: 0 !important;
        margin-right: auto !important
    }
    .primary-header-wrapper .lang {
        margin-right: 20px !important
    }
    .primary-header-wrapper .log-in,
    .primary-header-wrapper .lang {
        margin-left: 8px !important
    }
    .primary-header-wrapper #header-search-form {
        background-color: #fff;
        height: 26px;
        margin-right: 15px;
        border-radius: 24px
    }
    .primary-header-wrapper #header-search-form input {
        -webkit-box-shadow: inset 0 42px 0 #ffffff !important;
        box-shadow: inset 0 42px 0 #ffffff !important
    }
    .primary-header-wrapper #header-search-form input {
        height: 20px;
        line-height: 20px
    }
    .primary-header-wrapper #header-search-form span img {
        width: 14px;
        height: 14px
    }
    .primary-header-wrapper #header-search-form span {
        width: 28px;
        min-width: 28px
    }
    .primary-header-wrapper .social-btns a,
    .primary-header-wrapper .social-btns a:link {
        padding: 4px 6px
    }
    .global-header-container .inner {
        padding: 0 18px 0 0 !important
    }
    .header-wrapper .menu {
        margin-left: 20px
    }
    .header-wrapper .menu li:last-child {
        padding-right: 24px
    }
    .primary-header-wrapper .social-btns {
        padding-left: 14px;
        padding-right: 10px;
        margin-right: auto;
        margin-left: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .global-header .global-header-container {
        height: 42px
    }
    .header-wrapper .menu>li>a,
    .header-wrapper .menu>li>a:link {
        height: 42px
    }
    .global-header {
        height: 42px
    }
    .header-wrapper {
        height: 42px
    }
    .common-section {
        margin: 30px 0 20px
    }
    .cols.col-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cols.col-3 .item {
        width: 100%
    }
    .cols.col-3 .item .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .cols.col-3 .item .wrap .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 12px 14px
    }
    .cols.col-3 .item .wrap .figure {
        width: 46%;
        min-width: 46%
    }
    .cols.col-3 .item .wrap .post-meta {
        margin-top: auto
    }
    .common-section.full-width {
        padding: 30px 0 5px;
        margin-top: 20px
    }
    .video-section .text {
        padding: 12px 16px
    }
    .video-section .play-content .video-meta .text h3 {
        font-size: 16px
    }
    .video-section .post-meta {
        font-size: 12px
    }
    .video-section .play-content .video-control {
        width: 60px;
        height: 60px;
        left: auto;
        bottom: 10px;
        right: 10px
    }
    .sub-section .list ul li a,
    .sub-section .list ul li a:link {
        font-size: 12px
    }
    .sub-section .box {
        margin-bottom: 10px
    }
}

@media (max-width: 450px) {
    .single-content .primary .post-footer .post-share {
        padding: 10px 6px
    }
    .single-content .primary .post-footer .post-share a {
        width: 24px;
        min-width: 24px;
        height: 24px
    }
    .single-content .primary .post-body figure figcaption {
        font-size: 12px
    }
    .post-gallery-section .slick-arrow {
        width: 25px
    }
    .post-gallery-section .small-figures {
        padding: 0 30px
    }
    .headline .title {
        font-size: 14px
    }
    .headline .headline-body ul li a,
    .headline .headline-body ul li a:link {
        font-size: 14px
    }
    .category-content .category-section .featured-main .item .post-meta {
        margin-top: 4px;
        font-size: 10px
    }
    .category-content .category-featured .large .item h3 {
        font-size: 14px;
        line-height: 1.4
    }
    .single-content aside .hot-news .item .text {
        font-size: 12px
    }
    .post-comments .user-meta .name {
        font-size: 12px
    }
    .post-comments .comment-message {
        font-size: 12px
    }
    .relative-post .cols .post-meta {
        font-size: 10px
    }
    .post-comments .comment-reply {
        font-size: 12px
    }
    .category-content .category-featured .small,
    .category-cols.col-2,
    .category-cols.col-4 {
        display: block
    }
    .category-content .category-featured .small .item,
    .category-cols.col-2 .item,
    .category-cols.col-4 .item {
        width: 100% !important;
        min-width: 0;
        max-width: none
    }
    .category-content .category-featured .small .item .wrap,
    .category-cols.col-2 .item .wrap,
    .category-cols.col-4 .item .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .category-content .category-featured .small .item .wrap .text,
    .category-cols.col-2 .item .wrap .text,
    .category-cols.col-4 .item .wrap .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 12px
    }
    .category-content .category-featured .small .item .wrap .figure,
    .category-cols.col-2 .item .wrap .figure,
    .category-cols.col-4 .item .wrap .figure {
        width: 46%;
        min-width: 46%
    }
    .category-content .category-featured .small .item .wrap .post-meta,
    .category-cols.col-2 .item .wrap .post-meta,
    .category-cols.col-4 .item .wrap .post-meta {
        margin-top: 2px
    }
    .category-content .category-featured .item .post-meta,
    .category-content .category-cols .item .post-meta {
        font-size: 10px;
        margin-top: 2px
    }
    .category-content .category-featured .large .item h3 {
        font-size: 16px
    }
    .category-content .category-featured .large .item .text {
        padding: 10px 12px
    }
    .primary-header-wrapper .brand .today-data {
        margin-top: 2px;
        font-size: 12px
    }
    .live-tv {
        top: 64px;
        font-size: 12px;
        padding: 0px 10px 0 8px;
        height: 30px
    }
    .live-tv .icon {
        min-width: 8px;
        margin-right: 5px
    }
    .live-tv .icon:after {
        width: 8px;
        height: 8px
    }
    .primary-header-wrapper .brand img {
        width: 100px;
        min-width: 100px
    }
    .hot-news-container .box ul {
        padding-left: 16px
    }
    .hot-news-container .box ul li span.time:before {
        left: -24px
    }
    .sub-section .sticky .text h3 {
        font-size: 14px
    }
    .site-footer .footer-wrapper .footer-brand {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .site-footer .footer-wrapper .footer-text .brand-slogan {
        font-size: 22px;
        margin-top: -15px
    }
    .site-footer .copyright {
        margin-top: 5px
    }
    .gallery-section .gallery-list .item {
        width: 100%;
        max-width: none
    }
    .gallery-section .gallery-list .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 0 0 12px
    }
    .gallery-section .gallery-list .item .figure {
        width: 46%;
        max-width: 46%;
        min-width: 46%
    }
    .gallery-section .gallery-list .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .video-section .video-list .item .text {
        padding: 8px 10px
    }
    .video-section .video-list .item .text h3 {
        font-size: 12px
    }
    .video-section .video-list .item .text .post-meta {
        font-size: 10px
    }
    .cols.col-3 .item .wrap .text {
        padding: 10px 12px
    }
    .cols.col-3 .item .wrap .text h3 {
        line-height: 1.3;
        height: 2.6em;
        max-height: 2.6em
    }
    .cols .post-meta {
        font-size: 10px;
        line-height: 1
    }
    .post-comments .comment-user-avatar {
        width: 32px;
        min-width: 32px;
        height: 32px;
        margin-right: 15px
    }
    .post-comments .comment-form:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px
    }
    .post-comments .comment-textarea textarea,
    .post-comments .comment-body textarea {
        height: 90px
    }
    .single-content .primary .post-header .post-meta a.category,
    .single-content .primary .post-header .post-meta a.category:link {
        font-size: 12px
    }
    .gallery-section .featured .post-meta {
        margin-top: 2px
    }
    .category-content .category-featured .large .item h3,
    .category-content .category-section .featured-main .item h3,
    .category-content .category-cols.col-2 .item .text h3 {
        font-size: 16px;
        line-height: 1.4
    }
    .primary-header-wrapper .brand .current-date {
        margin-right: 0.5em
    }
}

@media (max-width: 400px) {
    .live-tv {
        top: 62px;
        font-size: 10px;
        padding: 0px 8px 0 7px;
        height: 28px
    }
    .live-tv .icon {
        min-width: 6px
    }
    .live-tv .icon:after {
        width: 6px;
        height: 6px
    }
    .primary-header-wrapper .brand .slogan {
        font-size: 16px
    }
    .primary-header-wrapper .brand .current-weather img {
        width: 16px;
        height: 16px;
        min-width: 16px
    }
}

@media (max-width: 370px) {
    .primary-header-wrapper .log-in a,
    .primary-header-wrapper .lang a {
        font-size: 12px;
        padding: 0 8px
    }
    .primary-header-wrapper .log-in {
        margin-left: 0 !important
    }
    .relative-post .cols h3 {
        font-size: 13px
    }
    .primary-header-wrapper .social-btns a,
    .primary-header-wrapper .social-btns a:link {
        padding: 4px
    }
    .primary-header-wrapper .brand img {
        width: 80px;
        min-width: 80px
    }
    .primary-header-wrapper .brand .slogan {
        font-size: 14px;
        padding-bottom: 2px
    }
}

@media (max-width: 350px) {
    .primary-header-wrapper .brand .today-data {
        font-size: 11px
    }
    .category-content .category-section .featured-secondary ul li a {
        font-size: 12px;
        padding-left: 15px
    }
    .category-content .category-featured .item h3,
    .category-content .category-cols .item h3,
    .category-content .category-cols.col-2 .item .text h3 {
        font-size: 12px
    }
    .relative-post .cols h3 {
        font-size: 12px
    }
    .primary-header-wrapper .social-btns a svg,
    .primary-header-wrapper .social-btns a:link svg {
        width: 18px;
        height: 18px;
        min-width: 18px
    }
    .primary-header-wrapper #header-search-form {
        width: 140px
    }
    .hot-news-container .box ul li .title,
    .cols.col-3 .item .wrap .text h3,
    .cols h3,
    .gallery-section .gallery-list .text h3,
    .sub-section .sticky .text h3 {
        font-size: 12px
    }
    .featured-news .flexslider .slides .slider-caption {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 100%
    }
    .site-footer .footer-navigation a,
    .site-footer .footer-navigation a:link {
        font-size: 12px
    }
    .site-footer .footer-wrapper .footer-text .brand-slogan {
        font-size: 20px
    }
    .single-content .primary .post-header .breadcrumbs {
        font-size: 10px;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap
    }
    .single-content .primary .post-header h1 {
        font-size: 22px
    }
}

@media (max-width: 450px) {
    h2,
    h3 {
        font-weight: normal !important
    }
}

.wrap.bg-white {
    background-color: #fff
}

.wrap.bg-white .text {
    padding: 10px
}

.gallery-section .item {
    height: 100%
}

.gallery-section .wrap.bg-white {
    height: 100%
}

.gallery-section .wrap.bg-white .text {
    padding: 16px 20px
}

.gallery-section .gallery-list .item {
    height: 50%
}

.gallery-section .gallery-list .item:nth-child(1),
.gallery-section .gallery-list .item:nth-child(2) {
    padding-bottom: 10px
}

.gallery-section .gallery-list .item:nth-child(3),
.gallery-section .gallery-list .item:nth-child(4) {
    padding-top: 10px
}

.common-section.full-width.no-margin {
    margin-top: 0
}

.cols {
    margin-top: 30px
}

.cols .post-content {
    margin: 5px 0 15px;
    font-size: 14px
}

.cols .post-content ul a {
    font-size: 15px;
    position: relative;
    padding-left: 15px;
    line-height: 2;
    height: 2em;
    max-height: 2em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.cols .post-content ul a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 60%;
    max-height: 15px;
    background: #c21010
}

.cols .post-content ul a:hover {
    text-decoration: underline
}

.cols.item-ul .item ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cols.item-ul .item ul li {
    height: 33.33%;
    position: relative
}

.cols.item-ul .item ul li:not(:last-child) {
    border-bottom: 1px solid #ffffff
}

.cols.item-ul .item ul li a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: block;
    padding: 12px 20px 12px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border-left: 4px solid #c21010;
    font-size: 16px;
    line-height: 1.5
}

.cols.item-ul .item ul li:nth-child(2n) a {
    background-color: #efefef
}

.cols.item-ul .item ul li:hover a {
    background: #c21010;
    color: #fff
}

.cols.col-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cols.col-1 .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

.cols.col-1 .item:last-child {
    margin-bottom: 0
}

.cols.col-1 .item.more-btn {
    display: block;
    margin: 0 !important;
    width: 100%;
    line-height: 1.5;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 5px 20px;
    background: #c21010
}

.cols.col-1 .item.more-btn:hover {
    background: #e3900e
}

.cols.col-1.horizontal .wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.cols.col-1.horizontal .wrap .figure {
    width: 160px;
    max-width: 160px;
    min-width: 160px
}

@media (min-width: 1100px) {
    .cols.col-1.horizontal .wrap:hover .text {
        color: #c21010
    }
}

.cols.col-1.horizontal .text {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cols.col-1.horizontal .text .post-meta {
    margin: 0
}

.cols.col-1.numsort {
    margin-bottom: 0
}

.cols.col-1.numsort .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 20px
}

.cols.col-1.numsort .item .num {
    width: 50px;
    min-width: 50px;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cols.col-1.numsort .item .num span {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #999999;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    color: #fff
}

.cols.col-1.numsort .item .text {
    font-size: 14px;
    line-height: 1.5;
    max-height: 4.5em;
    overflow: hidden;
    padding: 0
}

.cols.col-1.numsort .item .text span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

@media (min-width: 1100px) {
    .cols.col-1.numsort .item:hover .text {
        color: #c21010
    }
}

.cols.col-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cols.col-4 .item {
    width: calc(25% - 15px)
}

.cols.col-1-2 {
    margin-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cols.col-1-2 .col-wide {
    width: calc(100% - 300px);
    min-width: calc(100% - 300px)
}

.cols.col-1-2 .col-wide .item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%;
    position: relative
}

.cols.col-1-2 .col-wide .item h3 {
    height: 2em
}

.cols.col-1-2 .col-wide .item .wrap {
    height: 100%
}

.cols.col-1-2 .col-narrow {
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 30px
}

.cols.col-1-2 .col-narrow .item {
    width: 100%;
    max-width: 100%;
    background: #fff;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1100px) {
    .cols.col-1-2 .col-narrow .item {
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s
    }
    .cols.col-1-2 .col-narrow .item:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1)
    }
}

.cols.col-1-2 .col-narrow .item .wrap:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cols.col-1-2 .col-narrow .item:last-child {
    margin-top: 20px
}

.cols.col-1-4 {
    margin-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cols.col-1-4 .col-wide {
    width: calc(100% - 490px);
    min-width: calc(100% - 490px)
}

.cols.col-1-4 .col-wide .item {
    height: 100%
}

.cols.col-1-4 .col-wide .wrap {
    height: 100%
}

.cols.col-1-4 .col-narrow {
    width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cols.col-1-4 .col-narrow .item {
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    margin-bottom: 0;
    margin-left: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cols.col-1-4 .col-narrow .item:nth-child(1),
.cols.col-1-4 .col-narrow .item:nth-child(2) {
    margin-bottom: 20px
}

.cols.col-1-4 .col-narrow .wrap {
    height: 100%
}

.cols .item.hascontent .wrap {
    padding: 20px
}

.cols .item.hascontent .wrap .wrap-horizontal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.cols .item.hascontent .wrap .wrap-horizontal a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.cols .item.hascontent .wrap .wrap-horizontal .figure {
    width: 48%;
    max-width: 48%;
    min-width: 48%
}

.cols .item.hascontent .wrap .wrap-horizontal .text {
    padding: 0 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cols .item.hascontent .wrap .wrap-horizontal:hover h3 {
    color: #c21010
}

.cols .item.hascontent .wrap .post-content {
    margin: 15px 0 0
}

.full-width .cols.col-1-4 .col-wide h3 {
    line-height: 1.5;
    height: 1.5em;
    max-height: 1.5em;
    -webkit-line-clamp: 1
}

.full-width .cols.col-1-4 .text {
    padding: 15px 0 0
}

@media (min-width: 1100px) {
    .full-width .cols.col-1-4 .wrap:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .full-width .cols.col-1-4 .wrap:hover .text h3 {
        color: #c21010
    }
}

.full-width .cols.col-4 .text {
    padding: 16px 0
}

.content-wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 30px 0
}

.content-wrapper .content-left {
    width: calc(100% - 320px)
}

.content-wrapper .content-left .content-item {
    padding: 30px;
    background: #fff
}

.content-wrapper .content-left .content-item.cols {
    margin-left: 0
}

.content-wrapper .content-left .content-item.cols .item {
    margin-bottom: 25px
}

.content-wrapper .content-left .content-item.cols h3 {
    height: auto
}

.content-wrapper .content-left .content-item.cols .text {
    padding: 0 20px
}

.content-wrapper aside {
    width: 290px
}

.content-wrapper aside .cols {
    margin-left: 0;
    margin-top: 20px
}

.content-wrapper aside .cols.col-1 {
    padding: 20px 20px 10px;
    background: #fff
}

.content-wrapper aside .cols.col-1.horizontal .wrap .figure {
    width: 118px;
    max-width: 118px;
    min-width: 118px
}

.content-wrapper aside .cols.col-1.horizontal .text {
    padding: 0 0 0 10px
}

.content-wrapper aside .cols.col-1.horizontal .text h3 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal
}

.content-wrapper aside .widget {
    display: block;
    margin: 0 0 20px
}

.content-wrapper aside .widget.hot-news {
    background-color: #fff;
    padding: 20px 20px 10px
}

.content-wrapper aside .widget.hot-news .cols {
    padding: 0
}

@media (max-width: 1500px) {
    .cols.col-1-4 .col-wide {
        width: calc(100% - 460px);
        min-width: calc(100% - 460px)
    }
    .cols.col-1-4 .col-narrow {
        width: 450px
    }
    .cols.col-1-4 .col-narrow .item {
        margin-left: 10px
    }
    .cols.col-1-2 .col-wide {
        width: calc(100% - 240px);
        min-width: calc(100% - 240px)
    }
    .cols.col-1-2 .col-narrow {
        width: 240px
    }
    .cols.col-1-2 .col-narrow .text {
        padding: 16px 15px 0
    }
    .gallery-section .gallery-list .wrap.bg-white .text {
        padding: 16px 10px
    }
    .gallery-section .wrap.bg-white .text {
        padding: 12px 16px
    }
}

@media (max-width: 1200px) {
    .cols.col-1-2 .col-wide {
        width: 76%;
        min-width: 76%
    }
    .cols.col-1-2 .col-narrow {
        width: 24%
    }
    .cols.col-1-2 .col-narrow .text {
        padding: 10px 15px
    }
    .cols.col-1-4 .col-wide {
        width: calc(62% - 10px);
        min-width: calc(62% - 10px)
    }
    .cols.col-1-4 .col-narrow {
        width: 38%
    }
    .cols.col-1-4 .col-narrow .item {
        width: calc(50% - 10px);
        max-width: calc(50% - 10px)
    }
    .cols.col-1-4 .col-narrow .item:nth-child(1),
    .cols.col-1-4 .col-narrow .item:nth-child(2) {
        margin-bottom: 10px
    }
    .cols.item-ul .item.col-wide {
        width: 55%
    }
    .cols.item-ul .item.col-narrow {
        width: 45%
    }
    .cols.item-ul .item ul li a {
        font-size: 14px
    }
}

@media (max-width: 1100px) {
    .cols.col-1-2 .col-wide {
        background: #fff
    }
    .cols.col-1-4 .col-narrow .item {
        width: 100%;
        max-width: 100%
    }
    .cols.col-1-4 .col-narrow .item:not(:last-child) {
        margin-bottom: 20px
    }
    .cols.col-1-4 .col-narrow .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .cols.col-1-4 .col-narrow .wrap .figure {
        width: 32%;
        min-width: 32%
    }
    .cols.col-1-4 .col-narrow .wrap .text {
        padding: 0 10px
    }
    .cols.col-1-4 .col-narrow .wrap .text h3 {
        height: auto;
        max-height: 2.8em
    }
    .cols .item.hascontent .wrap .wrap-horizontal .figure {
        width: 40%;
        max-width: 40%;
        min-width: 40%
    }
    .cols .item.hascontent .wrap .wrap-horizontal .text {
        padding: 0 0 0 15px;
        padding-right: 0
    }
    .full-width .cols.col-1-4 .col-narrow .wrap .text {
        padding: 0 0 0 10px
    }
}

@media (max-width: 900px) {
    .cols.col-1-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cols.col-1-2 .col-wide {
        width: 100%;
        min-width: 0;
        margin-bottom: 20px
    }
    .cols.col-1-2 .col-narrow {
        width: 100%;
        margin-left: 0
    }
    .cols.col-1-2 .col-narrow .item {
        width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin-bottom: 0
    }
    .cols.col-1-2 .col-narrow .item:last-child {
        margin-top: 0
    }
    .cols.col-1-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cols.col-1-4 .col-wide {
        width: 100%;
        min-width: 0;
        margin-bottom: 20px
    }
    .cols.col-1-4 .col-narrow {
        width: 100%
    }
    .cols.col-1-4 .col-narrow .item {
        margin-left: 0
    }
    .cols.col-4 .item {
        width: calc(50% - 10px);
        margin: 10px 0
    }
    .content-wrapper {
        display: block
    }
    .content-wrapper .content-left {
        width: 100%
    }
    .content-wrapper aside {
        width: 100%;
        margin: 40px 0 0
    }
    .content-wrapper aside .widget {
        margin: 20px 0
    }
    .content-wrapper aside .widget img {
        width: 100%;
        max-width: 500px
    }
}

@media (max-width: 650px) {
    .videoslider .slides,
    .gallery-section {
        margin: 20px 0
    }
    .gallery-section .featured {
        margin-bottom: 20px
    }
    .gallery-section .gallery-list .wrap.bg-white .text {
        padding: 10px 12px
    }
    .gallery-section .gallery-list .item:nth-child(1),
    .gallery-section .gallery-list .item:nth-child(2) {
        padding-bottom: 20px
    }
    .gallery-section .gallery-list .item:nth-child(3),
    .gallery-section .gallery-list .item:nth-child(4) {
        padding-top: 0
    }
    .cols {
        margin-top: 20px
    }
    .cols .post-content {
        font-size: 12px;
        margin: 5px 0 10px
    }
    .cols .post-content ul a {
        padding-left: 10px;
        font-size: 13px
    }
    .cols.col-1 .item {
        margin-bottom: 20px
    }
    .cols.col-1 .item.more-btn {
        margin: 0 0 10px !important
    }
    .cols.col-1.numsort .item .num span {
        font-size: 16px
    }
    .cols.col-1-2 .col-narrow .item {
        width: 100%;
        max-width: 100%
    }
    .cols.col-1-2 .col-narrow .item .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .cols.col-1-2 .col-narrow .item .wrap .figure {
        width: 46%;
        min-width: 46%
    }
    .cols.col-1-2 .col-narrow .item .wrap .text {
        padding: 10px 12px
    }
    .cols.col-1-2 .col-narrow .item:nth-child(even) {
        margin-top: 20px
    }
    .cols.col-3 .item {
        padding: 0 0 20px 20px
    }
    .cols.col-3 .item .wrap .post-meta {
        margin-top: 10px
    }
    .cols.col-4 .item {
        width: 100%;
        margin: 0 0 20px
    }
    .cols.col-4 .item .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .cols.col-4 .item .wrap .figure {
        width: 46%;
        min-width: 46%
    }
    .cols.col-4 .item .wrap .text {
        padding: 10px 12px
    }
    .cols.item-ul .item.col-wide {
        width: 100%
    }
    .cols.item-ul .item.col-narrow {
        margin-top: 0;
        padding: 0 0 20px 20px !important;
        width: 100%
    }
    .cols.item-ul .item ul li {
        height: auto
    }
    .cols.item-ul .item ul li a {
        position: inherit;
        padding: 12px 15px
    }
    .cols .item.hascontent .wrap {
        padding: 15px
    }
    .cols .item.hascontent .wrap .wrap-horizontal .figure {
        width: 37%;
        max-width: 37%;
        min-width: 37%
    }
    .cols .item.hascontent .wrap .post-content {
        margin: 10px 0 0
    }
    .content-wrapper {
        padding: 20px 0
    }
    .content-wrapper .content-left .cols.col-1.horizontal .wrap {
        display: block
    }
    .content-wrapper .content-left .cols.col-1.horizontal .wrap .figure {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 10px
    }
    .content-wrapper .content-left .cols.col-1.horizontal .text {
        padding: 0
    }
    .content-wrapper .content-left .content-item {
        padding: 20px
    }
    .content-wrapper aside {
        margin: 30px 0 0
    }
    .content-wrapper aside .cols.col-1.horizontal .item:not(:last-child) {
        margin-bottom: 15px
    }
    .content-wrapper aside .cols.col-1 .numsort .item .num {
        width: 50px;
        min-width: 50px;
        padding: 10px 10px 10px 0
    }
    .content-wrapper aside .cols.col-1 .numsort .item .num span {
        width: 35px;
        height: 35px;
        font-size: 20px
    }
    .video-section .video-list {
        overflow-x: scroll
    }
    .video-section .video-list::-webkit-scrollbar {
        width: 100%;
        height: 5px
    }
    .video-section .video-list::-webkit-scrollbar-thumb:horizontal {
        background-color: #a6a6a6;
        border-radius: 3px
    }
    .video-section .video-list::-webkit-scrollbar-track-piece:horizontal:decrement {
        background-color: rgba(166, 166, 166, 0.2)
    }
    .video-section .video-list::-webkit-scrollbar-track-piece:horizontal:increment {
        background-color: rgba(166, 166, 166, 0.2)
    }
}

@media (max-width: 360px) {
    .cols.col-3 .item .wrap .figure {
        width: 40%;
        min-width: 40%
    }
    .cols.col-3 .item .wrap .text h3 {
        height: 2.8em;
        max-height: 2.8em;
        line-height: 1.4
    }
    .cols.col-4 .item .wrap .figure {
        width: 40%;
        min-width: 40%
    }
    .cols.col-4 .item .wrap .text h3 {
        height: 2.8em;
        max-height: 2.8em
    }
    .cols.col-1-2 .col-narrow .item .wrap .figure {
        width: 40%;
        min-width: 40%
    }
    .cols.col-1-2 .col-narrow .item .wrap .text h3 {
        height: 2.8em;
        max-height: 2.8em
    }
}

.instant-content .instant-left .featured-news {
    width: 100%
}

.instant-content .instant-left .instant-item {
    margin: 40px 0
}

.instant-content .instant-left .cols.col-1.horizontal .wrap .figure {
    width: 220px;
    max-width: 220px;
    min-width: 220px
}

.instant-content .instant-left .cols.col-1.horizontal .wrap .text {
    width: 100%;
    padding: 0 0 0 20px
}

.instant-content aside .headline .headline-content {
    padding-bottom: 0
}

.instant-content aside .headline .video-section {
    margin: 20px 0
}

.instant-content aside .headline-live .play-content {
    width: 100%;
    min-width: 100%
}

.instant-content aside .headline-live .video-wrapper {
    width: 100%;
    position: relative
}

.instant-content aside .headline-live .video-wrapper:after {
    content: "";
    display: block;
    padding-top: 56.25%;
    position: relative;
    z-index: -1
}

.instant-content aside .headline-live .video-box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.instant-content aside .headline-live .video-box .exit-pip {
    display: none
}

.instant-content aside .headline-live .video-js {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.instant-content aside .headline-live .video-js .vjs-big-play-button {
    display: none
}

.instant-content aside .headline-live .video-control {
    width: 40px;
    height: 40px;
    left: 50%;
    bottom: inherit;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(https://wwp-static.wenweipo.com/img/common/play.png) center center/contain no-repeat;
    position: absolute;
    z-index: 30;
    cursor: pointer
}

.instant-content aside .headline-live .video-control .play-btn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

@media (max-width: 650px) {
    .instant-content .instant-left .cols.col-1.horizontal .wrap .figure {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }
    .instant-content .instant-left .cols.col-1.horizontal .wrap .text {
        padding: 0
    }
    .instant-content .instant-left .cols.col-1.horizontal h3 {
        font-weight: bold !important
    }
}

.comment-content .cols {
    margin-bottom: 0
}

.comment-content .cols.col-2 .item {
    padding: 0 0 20px 20px
}

.comment-content .cols.col-3 {
    margin-top: 0
}

.comment-content .cols.col-4 {
    margin-top: 0
}

.comment-content .full-width .cols.col-2 h3 {
    line-height: 1.5;
    height: 1.5em;
    max-height: 1.5em;
    -webkit-line-clamp: 1
}

.comment-content .full-width .cols .text {
    padding: 15px 0
}

@media (min-width: 1100px) {
    .comment-content .full-width .cols .wrap:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .comment-content .full-width .cols .wrap:hover .text h3 {
        color: #c21010
    }
}

.comment-content .full-width:last-child {
    margin-bottom: 0
}

@media (max-width: 650px) {
    .comment-content .cols {
        margin-top: 0;
        margin-top: 20px
    }
    .comment-content .full-width .cols .text {
        padding: 15px 0 0
    }
    .comment-content .full-width .cols.col-4 .item .wrap .text {
        padding: 0 0 0 12px
    }
}

.topic-content .cols.col-2 .item {
    padding: 0 0 20px 20px
}

.live-content .content-left .content-item.cols {
    margin-top: 0
}

.live-content .living {
    margin: 0
}

.live-content .featured-live {
    width: 100%;
    padding: 30px 0 10px
}

.live-content .featured-live .flexslider .slides li {
    background: #fff url(../img/index/hero-bg.png) center center/80px auto no-repeat
}

.live-content .featured-live .flexslider .slides li:after {
    padding-top: 35%
}

.live-content .featured-live .flexslider .slides li .hero-video {
    width: calc(100% - 300px);
    max-width: calc(100% - 300px);
    position: relative;
    height: 100%;
    border: 0
}

.live-content .featured-live .flexslider .slides li.float .hero-video {
    position: fixed;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    z-index: 5000;
    width: 320px;
    height: 180px;
    overflow: visible
}

.live-content .featured-live .flexslider .slides li .slider-cap {
    background-color: #fff;
    position: absolute;
    left: inherit;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 300px;
    color: #333;
    padding: 30px;
    z-index: 10
}

.live-content .featured-live .flexslider .slides li .slider-cap .tag {
    font-weight: bold;
    color: #c21010;
    font-size: 16px
}

.live-content .featured-live .flexslider .slides li .slider-cap .ttl {
    font-weight: bold;
    margin: 10px 0 20px;
    font-size: 20px;
    line-height: 1.5
}

.live-content .featured-live .flexslider .slides li .slider-cap .text {
    font-size: 14px;
    display: block;
    line-height: 1.4
}

.live-content .featured-live .flex-control-nav {
    width: 200px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    right: 50px;
    bottom: 12%
}

.live-content .featured-live .flex-control-nav li {
    max-width: 20%;
    height: 7px
}

.live-content .featured-live .flex-control-nav li a {
    height: 7px
}

.live-content .cols.col-1.horizontal .text {
    padding: 0 0 0 20px
}

.live-content .cols.col-1.horizontal .wrap .figure {
    width: 220px;
    max-width: 220px;
    min-width: 220px
}

.live-content .cols.col-1.horizontal .wrap .figure:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    max-width: 25%;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(https://wwp-static.wenweipo.com/img/common/play.png) center center/contain no-repeat;
    z-index: 4
}

.live-content .cols.news-list {
    margin-top: 15px
}

.live-content aside .col-1.horizontal .item {
    margin-bottom: 15px
}

@media (max-width: 1100px) {
    .live-content .featured-live {
        padding: 30px 0 0
    }
    .live-content .featured-live .flexslider .slides li .hero-video,
    .live-content .featured-live .flexslider .slides li .slide-img {
        width: 62%;
        max-width: 62%
    }
    .live-content .featured-live .flexslider .slides li .slider-cap {
        padding: 30px 20px;
        width: 38%
    }
    .live-content .featured-live .flex-control-nav {
        width: 25%;
        right: 7%;
        bottom: 30px
    }
}

@media (max-width: 750px) {
    .live-content .featured-live {
        margin-bottom: 10px;
        padding: 30px 0 0
    }
    .live-content .featured-live .flexslider .slides li .hero-video,
    .live-content .featured-live .flexslider .slides li .slide-img {
        width: 100%;
        max-width: 100%;
        background-color: #333
    }
    .live-content .featured-live .flexslider .slides li .hero-video .video-control,
    .live-content .featured-live .flexslider .slides li .slide-img .video-control {
        width: 60px;
        height: 60px
    }
    .live-content .featured-live .flexslider .slides li .slider-cap {
        width: 100%;
        height: auto;
        right: 0;
        bottom: 6px;
        z-index: 10;
        padding: 6px 10px;
        background-color: rgba(0, 0, 0, 0.71);
        color: #eee
    }
    .live-content .featured-live .flexslider .slides li .slider-cap .text,
    .live-content .featured-live .flexslider .slides li .slider-cap .tag {
        display: none
    }
    .live-content .featured-live .flexslider .slides li .slider-cap .ttl {
        font-weight: normal;
        font-size: 14px;
        padding: 0;
        margin: 0
    }
    .live-content .featured-live .flexslider .slides li:after {
        padding-top: 52%
    }
    .live-content .featured-live .flex-control-nav {
        width: 100%;
        right: 0;
        bottom: 0
    }
    .live-content .featured-live .flex-control-nav li {
        max-width: 25%
    }
    .live-content .content-wrapper .content-left .content-item.cols h3 {
        font-weight: bold !important
    }
}

.column-content .cols {
    margin-top: 20px
}

.column-content .cols.col-3 .item {
    padding: 0 0 0 20px
}

.column-content .cols.col-2 .item {
    padding: 0 0 0 20px
}

@media (max-width: 650px) {
    .column-content .cols.col-3 .item:not(:last-child) {
        margin-bottom: 20px
    }
    .column-content .cols.col-2 .item:not(:last-child) {
        margin-bottom: 20px
    }
}

.video-slide {
    width: 100%;
    margin-top: 30px;
    position: relative;
    z-index: 20
}

@media (max-width: 900px) {
    .video-slide {
        margin-top: 20px
    }
}

.video-slide .videoslider {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    position: relative
}

@media (max-width: 1500px) {
    .video-slide .videoslider {
        max-width: 1080px
    }
}

@media (max-width: 1200px) {
    .video-slide .videoslider {
        max-width: calc(100vw - 100px)
    }
}

@media (max-width: 900px) {
    .video-slide .videoslider {
        max-width: calc(100vw - 40px)
    }
}

.video-slide .flex-direction-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 30;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}

@media (max-width: 800px) {
    .video-slide .flex-direction-nav {
        opacity: 1 !important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.video-slide .flex-direction-nav li {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 800px) {
    .video-slide .flex-direction-nav li {
        width: 30px;
        height: 30px;
        background-color: rgba(255, 255, 255, 0.4)
    }
}

.video-slide .flex-direction-nav li>a {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: block
}

.video-slide .flex-direction-nav li.flex-nav-prev {
    left: 40px
}

@media (max-width: 800px) {
    .video-slide .flex-direction-nav li.flex-nav-prev {
        left: 20px
    }
}

.video-slide .flex-direction-nav li.flex-nav-prev a {
    background: url(../img/index/slider/left-white.svg) center center/60% 60% no-repeat
}

.video-slide .flex-direction-nav li.flex-nav-next {
    right: 40px
}

@media (max-width: 800px) {
    .video-slide .flex-direction-nav li.flex-nav-next {
        right: 20px
    }
}

.video-slide .flex-direction-nav li.flex-nav-next a {
    background: url(../img/index/slider/right-white.svg) center center/60% 60% no-repeat
}

.video-slide .videoslider:hover .flex-direction-nav {
    opacity: 1
}

.video-slide .slides {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.video-slide .slides li.float .video-slider-box {
    position: fixed;
    top: auto !important;
    left: auto !important;
    right: 20px;
    bottom: 20px;
    z-index: 5000;
    width: 320px;
    height: 180px;
    overflow: visible
}

@media (max-width: 360px) {
    .video-slide .slides li.float .video-slider-box {
        width: 300px;
        height: 169px
    }
}

@media (max-width: 340px) {
    .video-slide .slides li.float .video-slider-box {
        width: 280px;
        height: 158px
    }
}

.video-slide .slides li.float .video-slider-box .exit-pip {
    display: block
}

.video-slide .slides .hero-video {
    width: 100%;
    position: relative
}

.video-slide .slides .hero-video:after {
    content: "";
    display: block;
    z-index: -1;
    padding-top: 52%;
    width: 100%
}

.video-slide .slides .hero-video.playing .video-js {
    display: block !important
}

.video-slide .slides .hero-video.playing .video-control {
    opacity: 0 !important;
    z-index: -2 !important
}

.video-slide .slides .hero-video.playing .poster {
    opacity: 0 !important;
    z-index: -2 !important
}

.video-slide .slides .play-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.video-slide .slides .play-content .play-btn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

.video-slide .slides .play-content .video-control {
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 30;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(https://wwp-static.wenweipo.com/img/common/play.png) center center/80% 80% no-repeat;
    cursor: pointer;
    z-index: 5
}

.video-slide .slides .play-content .video-slider-box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    background-color: #000000
}

.video-slide .slides .play-content .video-slider-box .exit-pip {
    display: none
}

.video-slide .slides .play-content .video-slider-box .video-poster {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    background-position: center;
    background-size: contain
}

.video-slide .slides .play-content .video-slider-box .video-js {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    display: none
}

.video-slide .slides:hover .slick-arrow {
    opacity: 1
}

.video-slide .slides .slick-list.draggable {
    width: 100%
}

.video-slide .slides li {
    min-width: 500px;
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.video-slide .slides li .play-content {
    width: calc(100% - 340px);
    min-width: calc(100% - 340px)
}

.video-slide .slides li .slider-caption {
    display: block;
    width: 340px;
    background: #41434a;
    padding: 40px 20px;
    font-size: 18px;
    color: #fff;
    position: relative
}

.video-slide .slides li.slick-current:before {
    display: none
}

.video-slide .slides li .post-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    bottom: 40px;
    left: 0
}

.video-slide .slides li .post-share a {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    color: #fff;
    border-radius: 50%;
    overflow: hidden
}

.video-slide .slides li .post-share a:not(:last-child) {
    margin-right: 15px
}

.video-slide .slides li .post-share a svg {
    display: block;
    width: 35px;
    height: 25px;
    max-width: 35px;
    max-height: 25px
}

@media (max-width: 750px) {
    .video-slide .slides li.hasbg .slider-caption h3 {
        height: 3em !important;
        margin-bottom: 6px
    }
    .video-slide .flex-direction-nav {
        top: 40%
    }
}

@media (max-width: 500px) {
    .video-content .cols .play-content {
        display: block !important
    }
    .video-content .cols.col-3 .video-section .play-content .video-wrapper,
    .video-content .cols.col-4 .video-section .play-content .video-wrapper {
        width: 100% !important;
        min-width: 0 !important
    }
    .video-content .cols.col-4 .item .wrap .text {
        background-color: #f6f6f6 !important
    }
    .video-content .video-animation .cols.col-4 .item .wrap .text {
        background-color: #ffffff !important
    }
    .video-content .full-width .cols.col-3 .item .wrap .text {
        background-color: #f6f6f6 !important
    }
}

@media (max-width: 450px) {
    .video-slide .slides li.hasbg .slider-caption h3 {
        font-weight: normal;
        font-size: 14px
    }
    .video-slide .slides li.hasbg .slider-caption {
        padding: 14px 15px 15px !important
    }
    .video-slide .flex-direction-nav {
        top: 32%
    }
}

.video-content .common-section {
    z-index: inherit
}

.video-content .common-section.full-width:after {
    z-index: -1
}

.video-content .video-section {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.video-content .video-demand .cols.col-3,
.video-content .video-demand .cols.col-4,
.video-content .video-animation .cols.col-3,
.video-content .video-animation .cols.col-4 {
    margin-top: 0
}

.video-content .cols {
    z-index: inherit
}

.video-content .cols.col-2 {
    margin-bottom: 0
}

.video-content .cols.col-2 .item {
    padding: 0 0 20px 20px
}

.video-content .cols .wrap {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media (min-width: 1100px) {
    .video-content .cols .wrap:hover .text {
        color: #c21010
    }
}

.video-content .cols .play-content {
    width: 100%;
    min-width: 0
}

.video-content .cols .video-control {
    left: 50%;
    bottom: inherit;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1200px) {
    .video-slide .slides li.hasbg .post-share a {
        width: 35px;
        min-width: 35px;
        padding: 5px;
        height: 35px
    }
    .video-slide .slides li.hasbg .post-share a svg {
        width: 30px;
        height: 20px;
        max-width: 30px;
        max-height: 20px
    }
}

@media (max-width: 750px) {
    .video-content .cols.col-2 .item {
        padding: 0 0 20px 20px
    }
    .video-content .cols.col-4 .video-section .play-content .video-wrapper {
        width: 46%;
        min-width: 46%
    }
    .video-content .cols.col-3 .video-section .play-content .video-wrapper {
        width: 46%;
        min-width: 46%
    }
    .video-slide .slick-arrow {
        top: 30%
    }
    .video-slide .slides:before,
    .video-slide .slides:after {
        top: 30%
    }
    .video-slide .slides li.hasbg {
        min-width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .video-slide .slides li.hasbg .slider-caption {
        width: 100%;
        padding: 20px;
        background: #fff;
        color: #000
    }
    .video-slide .slides li.hasbg .slider-caption h3 {
        height: 2em
    }
    .video-slide .slides li.hasbg:before {
        display: none
    }
    .video-slide .slides li.hasbg .post-share {
        position: inherit;
        right: inherit;
        bottom: inherit;
        left: inherit;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .video-slide .slides li.hasbg .post-share a {
        width: 30px;
        min-width: 30px;
        height: 30px
    }
    .video-slide .slides li.hasbg .post-share a svg {
        width: 28px;
        height: 18px;
        max-width: 28px;
        max-height: 18px
    }
    .video-slide .slides li.hasbg .post-share a:not(:last-child) {
        margin-right: 10px
    }
    .maxPic .swiper-wrapper .swiper-slide img{
        max-height: 100% !important;
    }
    .maxPic .swiper-wrapper .swiper-slide{
        height: 1px;
    }
    .maxPic .swiper-wrapper .swiper-slide-active{
        height:auto;
    }
}